The interactive view couldn’t start. Reload to try again, or explore the projects below. Reload ↻

Case 022Mobile app design

AglomeraNão

A mobile app interface in Portuguese for booking a trip to the shops away from crowds, with a heat map of Manaus, stores labeled by how busy they are and a time to book.

Contribution: Interface design
Project status: Mobile app · Figma archive

Mockup of AglomeraNão composed for this board from real screens of the project. — Mockup composed for this board from real project screens.

My contribution

The home screen asks a direct question: have you imagined doing your shopping without the crush of people and without the risk of catching corona? AglomeraNão answers with three options, Check-in, Agenda and Mapa, and three kinds of place: markets, pharmacies and pet shops.

Recorded from the Figma prototype. The check-out countdown, the crowding map of Manaus and the statistics panel. The heat map, with circles over neighborhoods of Manaus. The store page, ending in a time and the Agendar! button.

Heat map screen with the Aglomeranão! header and a search field above a map of Manaus, with violet, orange and blue circles of different sizes over neighborhoods such as Novo Aleixo and Petrópolis, and a round chart button at bottom right. — Recorded from the Figma prototype. The check-out countdown, the crowding map of Manaus and the statistics panel. The heat map, with circles over neighborhoods of Manaus. The store page, ending in a time and the Agendar! button.

Crowding you can read at a glance

The heat map places circles of different sizes and colors over Manaus neighborhoods, under a search field. The store page carries the same idea into a small label on the photo, such as fluxo tranquilo, next to distance, time and a score. Store names are sample content.

Home screen greeting the visitor over a groceries photo, with a short text about shopping without crowds, then Check-in, Agenda and Mapa options and cards for Mercados, Farmácias and Petshops. — The home screen, with its options and three kinds of place.

The home screen, with its options and three kinds of place.

A store page that ends in a time

The store page repeats the label and the three numbers, adds a street map and closes with a bar at the bottom: a time, 14:15, next to the Agendar! button. Everything above it leads to that one action.

Wordmark variations, with the weight on não!.

All the weight on the no

The wordmark sets Aglomera in a light condensed type and não! in a heavy one, in violet, so the name makes its point out loud. The same violet carries the icons and the main button across the screens.