Redesign do site institucional de uma ONG de educação com foco em acessibilidade, captação de doações e clareza de missão. O projeto incluiu pesquisa com doadores, redesign completo e implementação em Next.js.
O site antigo não comunicava o impacto real da ONG, tinha score de acessibilidade crítico (38/100 no Lighthouse) e o fluxo de doação era confuso e sem transparência. A taxa de conversão de visitantes em doadores era de apenas 0,8%.
Análise de Lighthouse revelou 23 problemas críticos de acessibilidade. Entrevistas com doadores mostraram que transparência de impacto e facilidade do processo de doação eram os dois fatores decisivos para a conversão.
Processo centrado na missão da ONG, com a acessibilidade como princípio não negociável desde o início do design.
Auditoria
Análise de acessibilidade (WCAG 2.1), análise de comportamento (Hotjar) e entrevistas com doadores atuais e em potencial.
Estratégia de Conteúdo
Reorganização da hierarquia de informação para colocar impacto e transparência no centro da narrativa.
Design Acessível
Sistema de design com contraste mínimo AA, textos alternativos, navegação por teclado e sem dependência de cor.
Desenvolvimento
Implementação em Next.js com score de acessibilidade 98/100, carregamento <1.5s e formulário de doação simplificado.
O novo site foi lançado em 8 semanas. O impacto na captação de doações superou todas as expectativas da ONG, e o projeto foi citado como caso de sucesso em acessibilidade web.
Aprendizado
Acessibilidade não é restrição — é ampliação de audiência e melhoria de UX para todos.
Aprendizado
Transparência de impacto é o principal fator de conversão em contexto de doação.
Aprendizado
Um site rápido e simples converte mais do que um site rico e lento.
