Portfolio

Below is my most relevant front-end/user interface examples. Keep in mind I have done a considerable amount of project management and user experience documentation which is available upon request. So if you need an energetic red-head that loves new challenges feel free to eMail me.


UI + UX + Instructional System Diagrams

Above are a few static examples of Government eLearning User Interfaces I created. I can’t link to working examples thanks to confidentiality reasons. Also, a few examples of flow diagrams I created in my Microsoft position. Much ♥ ♥ ♥ for Photoshop ♥ HTML/CSS ♥ Rapid prototyping software development tools.

Granicus work

Granicus offers a large assortment of software targeting municipalities and other forms of government. This is also the place I currently hang my web-designer hat. I have deployed hundreds of small government SaaS solutions but let’s focus on the big names for portfolio sake.

US House Live

houselive

When it comes to big names in Government, the US House is about as big as you get. Since I have started at Granicus I have been a personal liaison to the US House, updating internal UI and support for when things get a bit buggy.

Chicago City Clerk

chicago_clerk

The Chicago clerk is another big name. They are utilizing our biggest SaaS solution. The current UI the Chicago clerk was a joint effort by myself and their web-designer. Bending HTML/CSS/JS to apply a fresh paint of UI onto an already established web-app.

Bootstrap examples

Dignified Decision

dignifieddecision

Dignifieddecision.com is currently what is occupying most of my time (outside of refresher courses at codeschool.com). For the client, I created an elegant one page Bootstrap site with jQuery scroll animations and a complex .phpMailer script. I am also wearing the old internet marketing hat and running the Google AdWords campaign and analytics.

Rabble + Rouser – Code Challenge


This site was created from a Photoshop file for a contest being held by the Denver company Rabble and Rouser. They wanted to know the contestants can write CSS3 and jQuery like nobody’s business. So from a Photoshop document, simple instructions, and only 5 days’ time I created a responsive web-site with Parallax action. The web developers at Rabble said my code was solid once it was submitted.

Community College Web Page Design – instructor site

team_webdesign
The first Bootstrap web-site I created (way back in early version 2) was for my college class site. I was teaching Web Page Design at Oklahoma City Community College. Check out the hall of fame for all my student’s examples. I feel the direction I took all my students shows I have leadership skills in the world of front-end web design.

Drupal vs Moodle- masters project

In my Masters course “Computer Based Instructional Development,” there was a considerable amount of research on what makes a unique user experience for students. I also got to make a snazzy bootstrap web-site about my favorite CMS Drupal and my favorite LMS Moodle.

Pure hand-coded sites

The government job’s public facing site

captivate public awareness
My job as a government contractor for the PHMSA training department was super secret (ha!) but I was able to develop a few “public facing,” web-sites. The one above has jQuery fade effects, a custom DHTMLX navigation Tree, hand-coded progress bars, Adobe Captivate training, and on and on and on.

The Government job glossary

glossary_pic

This is a hand-coded glossary of terms for the agency. Well, the UI is actually jQuery UI. However, what was hand-coded was the changing backgrounds, a back to top smooth scroll button, and built-in jQuery syntax to create a dynamic equation that counts certain CSS classes. Clicking a tab will execute javaScript to auto-populate the count of specific classes in the glossary.

You Still scrolling on my site?

Feel free to check out the work I have created while pursuing my Masters in Educational Technology. 

You can also contact me at mega1meyers@gmail.com

Or watch the below youtube video showing the front-end development I did at Advanced Academics and the government contractor Catapult Technology.

Posted in Web Design