YANDesign de web app e dashboard
Manaus Mais Humana. Um dashboard de doações com a meta sempre à vista
Um dashboard em português e um login para a organização sem fins lucrativos Manaus Mais Humana, montados em torno de doações, metas e bairros. Todos os números nas telas são valores de exemplo.
- Meu papel
- Design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas dos arquivos de design originais no Figma. Todos os números são valores de exemplo.
Minha contribuição
Manaus Mais Humana é um dashboard web em português para uma organização sem fins lucrativos, com login, uma home para doações e metas e um pequeno guia visual.
Este case mostra como as telas estão organizadas. As quantias, contagens e datas que aparecem nelas são valores de exemplo, não resultados.
Um card quente puxa a leitura
A home abre com um card amarelo: valor arrecadado, pessoas beneficiadas e cestas básicas doadas à esquerda, um gráfico de donut que compara o valor com a meta no centro e uma pequena ilustração de casas e de uma pessoa à direita. É a única grande área de cor quente na página, então é o que se lê antes de tudo.
Em seguida vêm as metas, em três barras de progresso simples com a contagem no fim de cada linha, e os gráficos por mês e por bairro continuam abaixo. Uma coluna à direita lista as transações em cards com data, lugar, nome e valor, e o verde-menta das barras de progresso volta no botão +ADICIONAR FUNDOS, logo abaixo dela.
A entrada e as peças por trás dela
O login mantém uma coluna de campos: e-mail, senha com opção de mostrar e um link para quem esqueceu a senha. ENTRAR é o botão sólido, a opção do Google vem depois de um OU, e criar uma conta fica em uma última linha de texto. Uma foto de duas mãos, em tons que vão do amarelo ao verde-azulado, preenche a outra metade com a paleta do dashboard.
Um guia define as duas fontes, Muli e Montserrat, além das cores e do logo. Uma segunda prancha separa botões, estados do menu lateral, o item de transação, gráficos, a barra de progresso, o mapa e a lista, o que mostra como a home é montada.
