top of page
Sketch to Wireframe
Beauty E-Commerce Site: Desktop & Mobile
The Challenge
Sketch the home page of an e-commerce site, first in desktop and then in mobile.
Translate to Wireframe
Created in Balsamiq, the wireframe prioritizes a product-first approach with simple categories.
Mobile View
In mobile view, reduce the click effort to get to products and offers, making the choices afforded to the user clear and accessible. Menu options are now accessible from the top left.
Translate to Wireframe
Match menu and navigation bar at the top to the desktop version. On the right is an expansion of the menu icon.
bottom of page