Certifica.Coop
Redesign do Certifica.Coop, plataforma de provas e certificados para cooperativas. Um certificado novo deu origem à identidade, que depois foi aplicada em todas as telas.
Tirar a cara de IA sem trocar a logo.
O portal funcionava, mas tinha todos os vícios de interface gerada: caixa alta em tudo, extra-negrito, sombras, desfoques, degradês e animação em cada entrada. A logo do produto precisava continuar.
Três elos, três fases da prova.
Avaliei três direções: Elos, Guilhoché e Gabarito. Fiquei com a Elos, que continua o certificado redesenhado antes: os três elos saem do “coop” da logo e cada fase da prova é um elo que se fecha.
- Paleta em verde pinho, com o limão reservado para gráficos, porque não tem contraste para texto
- Source Serif 4 nos títulos e Inter no texto, as mesmas fontes do certificado
- Maiúscula só na primeira palavra de títulos e botões
Cerca de 3.700 trocas, depois revisão à mão.
A primeira passada foi automática: as classes do Tailwind foram convertidas para os tokens da marca em cerca de 3.700 trocas. Depois veio a parte que não se automatiza: abrir tela por tela e reescrever o que não estava bom.
- A prova agora pode ser respondida pelo teclado: as alternativas eram blocos clicáveis e viraram botões de opção de verdade
- Cada cooperativa troca só a logo e duas cores, e o formulário avisa na hora quando a cor escolhida não tem contraste suficiente
- Saiu o que era enfeite ou informação falsa: sino de notificações sem função, números fixos no código e botões que só mostravam “em desenvolvimento”
- No tablet, a navegação inferior passou a aparecer; antes essa largura ficava sem menu
- O confete da aprovação dispara uma vez só e respeita quem pediu menos animação no aparelho
Nove páginas revisadas, nenhuma violação de acessibilidade.
Antes do redesign, as cinco páginas públicas tinham violações graves de contraste. Na revisão final, nove páginas passaram sem nenhuma violação.
Os prints desta página usam dados fictícios.