Verde ao Ponto
Plataforma web mobile · Alimentação saudável
Briefing
O Verde ao Ponto partiu de uma pergunta: de que forma o design digital pode ajudar a viabilizar o acesso a uma alimentação mais saudável?
O desafio era desenvolver um produto digital que facilitasse o acesso a alimentos frescos e nutritivos, pensado para as necessidades da população de Pelotas, no Rio Grande do Sul, mas com potencial de escalabilidade.
Solução
Pensamos em uma plataforma web mobile com dois caminhos para o mesmo objetivo: comer melhor com alimentos frescos. No modo "Peça em casa", o usuário escolhe frutas, verduras, legumes e outros alimentos por categoria e recebe o pedido em casa. No modo "Vá até a feira", um mapa mostra as feiras livres e fruteiras próximas, se estão em andamento e quanto tempo levam a pé, com atalho para o Google Maps.
Cada produto traz informações nutricionais, para apoiar escolhas mais saudáveis. O projeto seguiu a metodologia do Design Centrado no Usuário (Travis Lowdermilk, 2013).
Resultados
A plataforma aproxima a população de Pelotas dos alimentos frescos de duas formas complementares: a conveniência da entrega em casa e a descoberta das feiras por perto. O mapa em tempo real torna visível uma oferta que nem sempre está próxima de quem compra, e as informações nutricionais ajudam a transformar cada compra em uma escolha mais consciente.
Pensada para a realidade local, a estrutura tem potencial para ser escalada para outras cidades.
Especificações
Cores, tipografia e naming
Cores
Verde dessaturado e deslocado para o amarelo, na faixa das folhas e hortaliças. A saturação baixa evita a vibração dos verdes puros em tela e não compete com as fotos dos alimentos. É escuro o suficiente para receber texto claro, o que viabiliza botões verdes com texto branco.
Cinza neutro muito claro no lugar do branco puro: reduz o brilho das grandes áreas de fundo e deixa às fotos dos alimentos, que são o conteúdo, o maior contraste de cor da tela.
Quase-preto neutro para títulos e textos, com contraste alto sobre o fundo claro. Evitar o par preto e branco puros reduz o contraste extremo que cansa em leitura prolongada, sem perder legibilidade.
Tipografia
- Títulos, subtítulos e botões
- Plus Jakarta Sans
Sans geométrica com altura-x alta e curvas amplas. Em títulos curtos de duas linhas ("Peça em casa", "Vá até a feira") e em rótulos de botão, a altura-x alta aumenta a área legível no mesmo corpo, e a geometria das curvas acompanha o raio dos cards e botões da interface.
- Texto
- Roboto
Neogrotesca de esqueleto mecânico e curvas abertas, desenhada para renderização em tela. É a fonte de sistema do Android, o que garante renderização consistente e carregamento sem custo em boa parte dos aparelhos. Neutra, separa a informação (descrições, preços, endereços) da voz da marca, que fica com a Plus Jakarta Sans.
Naming
- Verde
- Alimentos frescos.
- Ponto
- Alimentos no ponto certo de consumo e perto de quem compra.
Outros trabalhos
Ver todos os trabalhos
Tem um projeto em mente?
Me conta um pouco sobre ele.
Vamos conversar no WhatsApp (abre em nova aba)