OtterBox Mobile Site
Project: Mobile website design
Involvement: Design based on wireframes
A mobile website designed to facilitate an easy, yet powerful, shopping and UX experience. The basic layout was wireframed by OtterBox’s web team and modified by me as I moved the pencil sketches to a high-fidelity finished design. The visual brand accurately reflected the design direction for the main OtterBox website along with a streamlined content presentation model.
The first image shows a product listing page for a single device, presented with the color options for each. The second image shows a product detail page with all of the options for that product, including colors, stock availability, reviews, etc. A helpful product search based on mobile device, and a dynamic accordion-style menu system that would expand/collapse as you navigated the options was also developed.