Trevo — App de Educação Financeira

* 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.

→ Obs: Os personagens dos Simpson não fazem parte da identidade visual do projeto. Costumávamos utilizar os personagens na Nutrebem como forma de exemplificar a relação e papéis de pais e filhos nos apps da empresa. Foi uma forma divertida e fácil de sinalizar quando estávamos lidando com a interface dos pais ou dos filhos.

O desafio *

Em 2020, em plena pandemia de Covid e no primeiro lockdown, com as escolas fechadas, a Nutrebem, empresa voltada ao serviço de alimentação nas escolas, decidiu diversificar investindo no desenvolvimento de um web app para educação financeira de crianças.

A abordagem *

O personagem trevo e as primeiras telas foram idealizadas pela designer Stella Vaz. Trabalhei junto ao gerente de produto, para aprimorar o visual, a paleta de cores com acessibilidade e desenvolver nova navegação e fluxos. Realizamos testes principalmente junto aos filhos dos funcionários da empresa.

Processo *

Etapas executadas

Fase 1

Imersão e benchmarking

Entendimento junto ao gerente de produto e pesquisa de produtos similares.

Revisão da primeira versão criada por designer freelancer, conforme feedbacks de usuários;
Entendimento de novas features e fluxos necessários junto ao negócio;
Análise de plataformas semelhantes.

Fase 2

Ajustes de acessibilidade e identidade

Testes com nova tipografia e paleta de cores.

Ajustes para um apelo mais infantil na interface, além do personagem Trevo;
Nova paleta de cores com maior contraste e redução da quantidade de cores.

Fase 3

Prototipagem

Refatoração e adição de novos fluxos.

Ajustes das telas existentes conforme novos padrões;
Desenho dos demais fluxos administrativos;
Desenho dos estados vazios e de exceção.

Fase 4

Entrega

Handoff para equipe de desenvolvimento.

Exportação de imagens;
Especificações visuais e de fluxo para o desenvolvimento.
Obs: Ao finalizar handoff, foi uma mudança de trabalho, portanto não acompanhei o processo de criação de roadmap e desenvolvimento.