La experiencia interactiva no pudo iniciarse. Recarga la página o explora los proyectos abajo. Recargar ↻

Case 022Diseño de app móvil

AglomeraNão

Una interfaz de app móvil en portugués para agendar una ida de compras lejos de las aglomeraciones, con un mapa de calor de Manaus, tiendas etiquetadas según qué tan concurridas están y un horario para agendar.

Mi papel: Diseño de interfaz
Estado del proyecto: App móvil · archivo de Figma

Mockup de AglomeraNão armado para este mural a partir de pantallas reales del proyecto. — Mockup armado para este mural a partir de pantallas reales del proyecto.

Mi contribución

La pantalla de inicio hace una pregunta directa: ¿ya imaginaste hacer tus compras sin el amontonamiento de gente y sin el riesgo de contagiarte de corona? AglomeraNão responde con tres opciones, Check-in, Agenda y Mapa, y tres tipos de lugar: mercados, farmacias y tiendas de mascotas.

Grabado del prototipo de Figma. La cuenta regresiva de check-out, el mapa de aglomeración de Manaus y el panel de estadísticas. El mapa de calor, con círculos sobre barrios de Manaus. La página de la tienda, con un horario y el botón Agendar! al final.

Pantalla del mapa de calor con el encabezado Aglomeranão! y un campo de búsqueda sobre un mapa de Manaus, con círculos violetas, naranjas y azules de distintos tamaños sobre barrios como Novo Aleixo y Petrópolis, y un botón redondo de gráfico en la esquina inferior derecha. — Grabado del prototipo de Figma. La cuenta regresiva de check-out, el mapa de aglomeración de Manaus y el panel de estadísticas. El mapa de calor, con círculos sobre barrios de Manaus. La página de la tienda, con un horario y el botón Agendar! al final.

Aglomeración que se lee de un vistazo

El mapa de calor coloca círculos de distintos tamaños y colores sobre los barrios de Manaus, bajo un campo de búsqueda. La página de la tienda lleva la misma idea a una pequeña etiqueta sobre la foto, como fluxo tranquilo, junto a la distancia, el tiempo y una calificación. Los nombres de las tiendas son contenido de ejemplo.

Pantalla de inicio que saluda al visitante sobre una foto de productos de supermercado, con un texto corto sobre comprar sin aglomeraciones, luego las opciones Check-in, Agenda y Mapa y tarjetas de Mercados, Farmácias y Petshops. — La pantalla de inicio, con sus opciones y tres tipos de lugar.

La pantalla de inicio, con sus opciones y tres tipos de lugar.

Una página de tienda que termina en un horario

La página de la tienda repite la etiqueta y los tres números, suma un mapa de calles y cierra con una barra abajo: el botón Agendar! junto a un horario, 14:15. Todo lo que hay arriba conduce a esa única acción.

Con el peso en não!: variaciones del logotipo.

Todo el peso en el no

El logotipo escribe Aglomera en una tipografía condensada ligera y não! en una pesada, en violeta, para que el nombre diga su mensaje en voz alta. El mismo violeta se repite en los íconos y en el botón principal de las pantallas.