Information Architecture: in a word doc we identified the current site architecture, then migrated it to a visual flow chart. The coffee-shop initiative revealed real irritations for the user and was a catalyst to my mapping out a user journey purchase experience. I worked with the client to shorten steps and eliminate loops. We trimmed clicks required to place an item in the shopping cart from 5 clicks, to 2 clicks. Skills: Microsoft Word, Gliffy flowchart software
Conceptual Design Process: mood boards highlighted photography, typography, color schemes, use of white space, textures, and patterns, as well as interactive transitions and animations. This provided a foundation for Visual Design and Interaction Design. Skills: Adobe Photoshop design software
At this time my head was filled with ideas and the fastest way to get them out for evaluation was to sketch. I focused on a basic set of home page and internal page views, trying to incorporate the look and feel set forth in the approved mood-board. For internal purposes, I created a few low-fidelity prototypes. Skills: sketching
A number of high-fidelity static comp layouts of the home page and its complementary internal page were generated. To gain approval we painstakingly tweaked into perfection the final design. Skills: Adobe Photoshop, Sketch design software
With the approved look and feel finalized, we migrated onto key features of the site. Wireframes allowed me to quickly move around sections and make quick updates to the Marvel prototype. Skills: Adobe Illustrator to wireframe
With the dev team already hard at work implementing PWS changes. We moved forward with the BAS. Here is an approved comp showing a dominant mint-green color scheme and pattern.