Challenge 2 — Wireframing
2 min readNov 22, 2019
Ironhack’s Prework, Challenge 2
Tras realizar el anterior ejercicio en Sketch, debo realizar los wireframes de una aplicación real y realizar un prototipo con Invision.
Lo he realizado con la misma App de Zara Home.
Flujo de usuario
Para comenzar a visualizar los productos de la App, realizo el siguiente flujo.
- Desde la Home, clicar en la Burguer Bar
- Se desplegan las diferentes categorías, y clicar en Dormitorio (Los pasos siguientes de Ropa de cama, fundas nórdicas no se visualizan).
- Se ven los resultados de los productos.
- Se clica en el producto Funda Nórdica Lino Rayas.Se añade a la cesta de la compra.
- Se clica en la cesta de la compra y se vería el producto para proceder a su compra.
Wireframes
Añado las imágenes originales de la App junto con los Mid-fi wireframes:
Prototipo
Si clicas en el enlace puedes ver el prototipo: