Challenge 2: Wireframing

Manu León
2 min readMay 25, 2021

Para este reto he escogido una empresa española que ofrece ventas de productos de segunda mano a través de Internet tanto en dispositivos móviles como en tabletas y ordenadores.

Wallapop

Wallapop es una startup española que surge gracias a la necesidad de comprar y vender productos a través de una app en nuestro Smartphone. Se basa en la geolocalización, tanto del comprador como del vendedor, y te muestra los productos que buscas dependiendo de su cercanía a tu posición.

He elegido las siguientes pantallas para el wireframing lo-fi:

Capturas de pantalla principales de la App de Wallapop

Procedemos a realizar el lo-fi para identificar los elementos UI que necesitaremos a continuación para realizar el mid-fi en Figma

Los componentes mas usados son search box, cards , icons, buttons entre otros.

Para realizar los mid-fi he utilizado Figma para poner en practica lo explicado acerca de los wireframes.

Mid-fi Wireframes (Figma)

PROTOTIPO

Realizados los wireframes del mid-fi he creado un prototipo interactivo para ver el flujo dentro de la app. Ver Enlace

CONCLUSION

Con esta practica he visto la importancia de realizar los wireframes ,tanto los low-fi como los mid para entender como trabajar en el prototipo y ver que elementos se van a usar, además de adquirir mas soltura con Figma para futuros proyectos.

--

--