YANDiseño de app móvil
Grand Plaza. Todo el centro comercial, a una pestaña de distancia
Una app móvil para el centro comercial Grand Plaza que reúne eventos, servicios, campañas de premios y ofertas en un solo lugar. Los montos y los códigos en pantalla son contenido de ejemplo.
- Mi papel
- Flujos de producto y diseño de interfaz
- Estado del proyecto
- Diseño de interfaz · archivo de Figma
Pantallas del diseño original en Figma y Dribbble, con datos de ejemplo.
Mi contribución
Grand Plaza es una app en portugués para un centro comercial. Una barra inferior la divide en Início, Prêmios, Ofertas, Lojas y Perfil, con la pestaña Ofertas elevada en el centro, la única que rompe la línea.
El archivo de Figma guarda el proceso junto a las pantallas: wireframes de v0 a v4, un mapa mental, un sitemap y un flujo de usuario con mapa de contenido. Aquí muestro las pantallas diseñadas junto al mapa que las organizó.
Un evento a la vez
La home dedica la mayor parte de la pantalla a un solo evento: una tarjeta grande con foto, el nombre, las fechas y un botón Saiba mais, y un indicador de carrusel que muestra que hay más. Debajo hay tres atajos a servicios: el mapa del centro comercial, el estacionamiento y el cine, con un enlace Ver todos para el resto.
Una campaña que dice cuánto falta
La pestaña Prêmios funciona con comprobantes de compra. La tarjeta de la campaña indica, en tres líneas breves, lo que la persona ya registró, cuánto falta para un regalo y cuánto falta para un número de la suerte. Cadastrar nota fiscal es el botón destacado y Saiba mais el discreto, así que el siguiente paso queda claro antes de que haga falta cualquier explicación.
Una lista larga de servicios, mapeada primero
El centro comercial ofrece más de lo que cabe en una barra de pestañas, así que Serviços do shopping reúne catorce servicios en una sola cuadrícula, del mapa del centro comercial y el estacionamiento al coworking, el estacionamiento para bicicletas y la carga de autos eléctricos. Las ofertas terminan en su propia pantalla, con el descuento, un código, un QR y una fecha de vencimiento para mostrar en la tienda.
El flujo de usuario y mapa de contenido ordena esta estructura como un árbol de pantallas que parte de la home. El archivo también guarda dos versiones del prototipo, una con íconos planos y otra con íconos 3D.
