NEW UI LANDING PAGE


I accompany new website features from concept through implementation by iterating through wireframes and design mock-ups, conducting user testing, and working with back-end Drupal developers to deploy changes.

This is my favorite project to talk about, so don’t forget to¬†ask me about the landing page for Pega’s 7 UI features!

Original Design

ui-landing-page-original

 

The Wireframes

version 1
ui-landing-page-wireframe-v1

version 3
ui-landing-page-wireframe-v3

version 5
ui-landing-page-wireframe-v5

Approved version
ui-landing-page-wireframe-final

 

Final Designs

I worked with a graphic designer for the header images, but I created the icons myself in Illustrator. I did all the HTML/CSS coding for both pages as well. For the child page, also shown below, I also researched and implemented some jQuery for the show more/show less functionality.

ui-landing-page-final

ui-landing-page-subtopic-final