Saltar al contenido
TV viewHablemos
ES
Todos los trabajos

Diseño de app móvil

AglomeraNão. Mira qué tan lleno está un lugar antes de ir

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.

Pantallas del archivo original de Figma. Los nombres de las tiendas y los números son contenido de ejemplo.

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.
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.
El mapa de calor, con círculos sobre barrios de Manaus.

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.

Página de tienda con una foto de la fachada con la etiqueta fluxo tranquilo, distancia, tiempo y calificación, un mapa de calles y una barra inferior con un botón violeta Agendar! junto al horario 14:15.
La página de la tienda, con un horario y el botón Agendar! al final.

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.

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.

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.

Lámina con variaciones del logotipo: não! solo, y Aglomera con não! apilados y en una sola línea, en negro, blanco y violeta, sobre fondos blancos y negros.
Con el peso en não!: variaciones del logotipo.