Site Thais Ferreira
- Responsabilidades
- Arquitetura da Informação, Resposive Web Design, HTML/CSS/JS, CMS Jekyll
A jovem figura pública do movimento negro, Thais Ferreira, estava se candidatando pela primeira a um cargo político partidário como deputada estadual no RJ e precisava de um website que contasse a sua tragetória, que oferecesse também um hub de links dos canais de suas redes sociais e principalmente fosse um coletor de doações e inscrições de voluntários para trabalhar na sua campanha eleitoral. Entrei como um dos voluntários no pojeto para ajudar a equipe de comunicação a pensar a arquitetura da informação, transformar o layout estático em responsivo e implementar o CMS Jekyll.
Arquitetura da Informação
Logo na primeira reunião com a Carla, jornalista líder da equipe de comunicação, tentei apresentar a forma Lean de trabalhar num projeto digital. Discutindo os objetivos e desejos para o site, chegamos a um escopo de MVP. Já com a ajuda de uma Planilha de desenvolvimento de conteúdo o material foi marcado como existente, planejado e desejado. Com esta ferramenta é possível já começar a desenhar a organiação da estrutura de navegação sem correr o risco de planejar áreas fantasmas do site, ou seja, sem um conteúdo que realmente faz sentido na prática. O próximo passo era envolver toda a equipe para pensarmos a estrutura das páginas da planilha.
Depois de algumas horas de trabalho com o designer gráfico Bruno, chegamos aos wireframes que nos ajudaram a planejar a estrutura e comportamento das páginas sem ainda gastarmos energia e foco com detalhes visuais. Isto seguindo a filosofia mobile-first, já que os acessos do site existente eram de quase 80% pelo celular. Tínhamos uma semana para nos dedicarmos aos layouts e implementação do gerenciador de conteúdo Jekyll/Forestry nos protótipos.
Protótipos
Telas mobile
Telas tablet e desktop
Site em ação
Acessando o menu e indo até a página de voluntariado.
Créditos e Time
- Bruno M., Designer Gráfico
- Carla D., Jornalista e Redatora