pingo

Passar um café em casa deixou de ser só um hábito para virar um pequeno ritual. Métodos como V60, Chemex, prensa francesa e AeroPress saíram das cafeterias especiais e chegaram às cozinhas, junto com balanças, moedores e cafés de origem.

Cada método, porém, tem as suas próprias regras: a quantidade de café e de água, a moagem, o tempo de cada etapa e a forma de despejar a água. Para quem está começando, ou para quem quer repetir aquele café que deu certo, é muita coisa para lembrar ao mesmo tempo.

As referências vieram de marcas de cafeterias e padarias independentes: tipografias arredondadas e encorpadas, tons de café e creme e acentos em azul pastel e amarelo-manteiga. Juntas, elas apontavam para uma identidade calorosa, próxima e com um toque de humor, longe da estética fria e técnica que costuma aparecer em apps de café especial.

O nome Pingo vem do pingado e da gota de café, e o slogan "cada gota conta" resume a proposta do app: atenção aos detalhes de cada preparo. O logo usa a Modak, uma tipografia pesada e arredondada que lembra uma gota escorrendo, reservada só para a marca. Nos textos, a Scope One traz um contraste mais leve e editorial.

A paleta parte do café: o Expresso é a cor principal, o Cream serve de fundo e o Cherry, inspirado no fruto do café, marca os destaques. O Butter e o Blue entram como cores de apoio nos cards e nos botões. O tom de voz é leve e brincalhão, com frases como "bora passar um café?" e "mais um pingo?".

O fluxo foi desenhado em torno de um caminho principal: entrar no app, escolher o método, preparar o café com o temporizador e salvar a receita. A tela de Início funciona como o centro da navegação, e a barra inferior dá acesso direto às abas de Receitas e de Conta.

Dentro da Conta ficam as configurações, os equipamentos do usuário e o diário, onde as receitas salvas ao fim de cada preparo ficam guardadas. Assim, o caminho principal se fecha em um ciclo: cada café salvo pode virar o ponto de partida do próximo.

Com o fluxo definido, organizei a estrutura de cada tela em wireframes de baixa fidelidade. Sem cores, imagens ou textos finais, cada bloco representa apenas a função do conteúdo e o seu lugar na hierarquia da tela, o que permitiu testar a ordem das informações antes de partir para o visual.

São oito telas, divididas em quatro áreas: acesso, home, preparo e conta. O preparo foi dividido em três etapas, da configuração das medidas ao café pronto, para que cada tela tenha uma única tarefa.

Na Home, o app recebe o usuário com um "Bora passar um café?" e mostra os métodos em cards, como V60, prensa, moka, AeroPress, cold brew e Chemex. Logo acima fica o atalho para a receita favorita, para repetir o café de todo dia sem pressa.

No preparo, o usuário define o número de xícaras e ajusta a proporção entre café e água. O temporizador ocupa o centro da tela e mostra uma etapa por vez, com a instrução e a medida certa na balança. Ao final, ele vê o resumo do café, avalia o resultado e o adiciona às suas receitas. Na Conta ficam o diário, os equipamentos, as preferências de preparo e os lembretes.

Navegue pelo protótipo interativo e acompanhe um preparo completo, da escolha do método ao café pronto.

Acesse o protótipo do aplicativo