Manaus Mais Humana

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.

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.

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.