MT Cidadão 2.0

O que o cidadão precisa resolver vem primeiro. O redesenho concentrou-se em duas telas centrais da experiência: Login e Home.

O objetivo foi colocar em primeiro plano informações que exigem atenção, como prazos, documentos e pendências, reduzindo ruído visual e tornando a navegação mais direta. Também usei movimento e microinterações para reforçar feedback, continuidade e identidade dentro da experiência.

Concepção, design e protótipo. O que mudou nas duas telas:

A entrada passou a ter um caminho só, sem opções disputando a atenção;
As pendências urgentes subiram para o topo do início, com prazo e valor visíveis;
Os atalhos se reorganizam sozinhos pelos serviços que a pessoa mais usa;
A Carteira digital ganhou lugar fixo na navegação;
O botão de emergência foi redesenhado para ser reconhecido num relance;
A marca ganhou uma animação própria, que aparece na abertura e no login.

A identidade em movimento

O ícone de sinal do logo ganhou comportamento próprio. Roda aqui, em loop, do mesmo jeito que roda quando o app abre.

Os três arcos acendem de dentro para fora, como um sinal procurando conexão, e o ponto central pulsa uma vez a cada volta. A marca deixa de ser um carimbo parado e passa a ter um jeito de se apresentar que a pessoa reconhece.

Animação com propósito, não por enfeite.

Na interface, o movimento serve para orientar, confirmar ações e reduzir incerteza. O botão de socorro e emergência, por exemplo, pede confirmação antes da chamada para evitar acionamentos acidentais.

Feedback tátil confirma determinadas ações no momento do toque;
Transições ajudam a explicar mudanças de estado e a continuidade do fluxo;
As animações também respeitam a preferência de movimento reduzido do sistema.

Rode o protótipo

Não é vídeo nem imagem: dá para navegar de verdade. Entre pelo login, passeie pela Home, abra a emergência e as notificações. Carrega só quando você pedir.

Ou em tela cheia: protótipo do MT Cidadão.