top of page

Sketch to Wireframe

Beauty E-Commerce Site: Desktop & Mobile
beauty page 1 scan_1.jpg
The Challenge

Sketch the home page of an e-commerce site, first in desktop and then in mobile.

Beauty_wireframe 1_home.png
Translate to Wireframe

Created in Balsamiq, the wireframe prioritizes a product-first approach with simple categories.

beauty - mobile scan.png
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.

Beauty_wireframe 2_mobile_cut1.png
Beauty_wireframe 2_mobile_menu.png
UX Design Portfolio
Contact me to learn more!
myLogo_circuit_200.png

© 2018 by Sara Weir. Created with Wix.com

bottom of page