O desafio

O website era difícil de navegar e funcionava mal no telemóvel, por isso perdia visitantes e potenciais doadores. Cada equipa criava as suas páginas e peças à sua maneira: o resultado era inconsistente e o mesmo trabalho era feito várias vezes. Os dados de desempenho estavam espalhados e ninguém sabia ao certo o que resultava.

O que fizemos

Ouvir primeiro

Começámos por ouvir as equipas de comunicação, advocacy e angariação de fundos para perceber o que precisavam de mostrar e o que as travava. A partir daí redesenhámos a homepage à volta do essencial e reorganizámos todos os conteúdos numa taxonomia simples.

  • Um globo interativo com a presença da organização no mundo, sem a visão eurocêntrica dos mapas habituais.
  • Gráficos dinâmicos que mostram o impacto do trabalho no terreno.
  • Medição revista e dashboards partilhados, para decidir com base em dados.

Campanhas que convertem

Para a campanha de fim de ano criámos landing pages em várias línguas, com testes A/B, um widget que mostrava ao doador o benefício fiscal em tempo real e, no fim, um postal personalizado em PDF.

Calendário do advento solidário com o benefício fiscal calculado em tempo real.
Calendário do advento solidário com o benefício fiscal calculado em tempo real.

Um design system para ganhar autonomia

Com as equipas internas, definimos as regras da marca e transformámo-las numa biblioteca completa, dos elementos básicos aos padrões e modelos de página, documentada para qualquer pessoa a usar.

Ficheiro do design system no Figma, com páginas, estilos de texto e cores.
Ficheiro do design system no Figma, com páginas, estilos de texto e cores.

Os resultados

  • O tráfego do website subiu cerca de 15% depois do lançamento, sobretudo graças às campanhas de angariação que arrancaram ao mesmo tempo, e os donativos subiram com ele.
  • Um design system completo, com mais de 50 componentes, que as equipas usam para criar páginas e campanhas coerentes.
  • Relatórios de desempenho disponíveis em dashboards partilhados.

O que isto pode fazer por si

Se o website já não mostra o que a sua organização faz, ou se cada equipa cria as suas peças à sua maneira, um site reorganizado e uma biblioteca de componentes partilhada resolvem as duas coisas. A equipa ganha autonomia para publicar com coerência, e nada disto exigiu contratar uma equipa interna de engenharia.

As funcionalidades interativas, as ferramentas para doadores em tempo real e a navegação intuitiva transformaram a forma como chegamos aos nossos apoiantes em todo o mundo. É raro encontrar um parceiro que entregue ao mesmo tempo consistência de design e crescimento real e mensurável.
Isabelle, Deputy Director of Fundraising

Serviços

Homepage redesenhada, em computador e telemóvel.
Homepage redesenhada, em computador e telemóvel.
Globo interativo com os países onde a organização está presente.
Globo interativo com os países onde a organização está presente.
Números de impacto e gráfico das maiores intervenções do ano.
Números de impacto e gráfico das maiores intervenções do ano.
Cartões de presentes solidários com o cálculo do benefício fiscal do donativo.
Cartões de presentes solidários com o cálculo do benefício fiscal do donativo.
Calendário do advento solidário com o benefício fiscal calculado em tempo real.
Calendário do advento solidário com o benefício fiscal calculado em tempo real.
Postal personalizado em PDF enviado aos doadores no fim da campanha.
Postal personalizado em PDF enviado aos doadores no fim da campanha.
Ficheiro do design system no Figma, com páginas, estilos de texto e cores.
Ficheiro do design system no Figma, com páginas, estilos de texto e cores.
Paleta de cores do design system, com escalas primária, neutra e de destaque.
Paleta de cores do design system, com escalas primária, neutra e de destaque.
Elementos tipográficos base do design system, em modo escuro.
Elementos tipográficos base do design system, em modo escuro.