* Acesso restrito *

Projetos sob NDA

Por questão de confidencialidade, o acesso aos detalhes dos projetos é restrito.

Para acessar, entre em contato pelo e-mail [email protected] informando seu interesse em conhecer os projetos.

Campaign creator

Sistema de gestão de campanhas de doação

Uma plataforma SaaS B2B, modular e baseada em WYSIWYG, que organizações usam para criar suas próprias campanhas de doação, em diversos formatos.

Empresa * Donorbox (EUA)
Papel * UX/UI designer
Ano * 2020
Campaign Creator — tela principal

O desafio *

O aplicativo de criação de campanha da Donorbox era um emaranhado de campos e configurações organizadas em alguns passos que não faziam sentido do ponto de vista do usuário.

O meu desafio foi como organizar todas as features disponíveis por tipos de campanha, e, também, como facilitar o processo de criar a campanha mais simples possível, o mais rápido possível. Também queria que o usuário pudesse ter o pleno entendimento sobre o que cada input refletia na experiência final do doador na página de campanha.

A abordagem *

Junto ao negócio e à equipe de TI, propus que o usuário no primeiro momento de criação de uma campanha pudesse escolher: quero isso ou aquilo. A ideia era ter a possibilidade de criar em poucos passos a sua primeira campanha, podendo configurar tipos mais avançados em um segundo momento.

Toda essa experiência deveria ser guiada pela visualização dinâmica de como a campanha já estaria ficando, através de uma interface WYSIWYG.

Campaign Creator — seleção de tipo de campanha
Campaign Creator — editor WYSIWYG
Campaign Creator — configurações avançadas

A abordagem de escolher o tipo de campanha, preencher as informações necessárias e ter uma central de controle da campanha com recursos avançados, foi uma excelente ideia que permitiu a evolução da plataforma que acontece até hoje. Hoje é muito mais fácil gerar novas formas de fundraising, aplicar novos parâmetros e adicionar ferramentas avançadas, pois criamos as caixas necessárias que dão conta da escalabilidade da solução. Com o design anterior, a complexidade do sistema iria aumentar e em maior grau a percepção de experiência confusa para o usuário.

Etapas executadas

Fase 1

Imersão e wireframing

Entendimento junto ao negócio e rodadas de wireframing.

  • Análise de feedbacks das ONGs e do negócio;
  • Discovery das necessidades do negócio quanto à escalabilidade da ferramenta;
  • Diversas rodadas de wireframing e aprovação até chegarmos ao modelo ideal e ao conceito de Campaign Creator.
Fase 2

Faseamento e roadmap

Elaboração do mapa de estratégia da entrega.

  • Elaboração do mapa de paridade entre o sistema antigo e o novo, intercalando partes do legado com o onboarding e a geração rápida de campanha simplificada da nova solução.
Fase 3

Prototipagem

Prototipação para 8 demais versões de campanha.

  • Prototipação de todas as 8 categorias de campanhas;
  • Das diversas formas do editor de campanhas;
  • De todas as formas de gestão de campanhas;
  • Do funcionamento do WYSIWYG.
Fase 4

Entrega

Handoff para equipe de desenvolvimento frontend.

  • Handoff faseado, seguindo a ordem de substituição do legado definida no roadmap;
  • Exportação de imagens;
  • Especificações visuais e de fluxo para as diretrizes do desenvolvimento;
  • Acompanhamento e validação do desenvolvimento.

* Reflexão *

"O conceito de uma ferramenta criadora de campanhas foi algo totalmente novo criado por mim e pelo time de TI. Antes havia apenas um botão 'nova campanha' que levava para um série de campos indecifráveis pelo usuário. Entender esses campos e elaborar uma arquitetura escalável para novos tipos de campanhas, certamente foi um dos maiores desafios que já tive. Pura arquitetura da informação e jornada do usuário!"
Explore os demais projetos Próximo →

* Contato *

Pronto para transformar
sua experiência?

Se você busca uma designer que une visão criativa a método sólido,
eu adoraria ouvir sobre a sua empresa.

LinkedIn