Willbank - Home do app

2022

Tive a oportunidade de redesenhar a tela inicial do app do willbank utilizando o design system como ferramenta para possibilitar que ela fosse adaptável ao contexto do cliente.

Como era a tela inicial

A tela inicial do app do willbank não favorecia o descobrimento das funcionalidades e produtos, possuía alguns problemas de acessibilidade e o acesso aos produtos era feito de forma principal através de uma bottom sheet, mas seu comportamento dificilmente era compreendido pelos clientes.

Por onde começar

Iniciamos um mapeamento da arquitetura de informação visando entender as prioridades e necessidades que a home nova deveria atender

A partir da definição da nova estrutura de distribuição de elementos por níveis de hierarquia, começamos a explorar assets visuais aplicados, considerando parte das principais premissas do projeto de evoluções da home do app.

Versão final e teste de usabilidade

Pensando nos feedbacks e nessa estrutura modular que permitiria diversos contextos de acordo com o cliente, elaboramos e o time de research facilitou um teste de usabilidade com objetivo de validar a home nova

O teste foi feito de forma não-moderada utilizando a ferramenta Maze

Das 25.000 pessoas que receberam o teste, mais de 1.100 interagiram com o e-mail, 252 iniciaram o teste e 73 concluíram (aproximadamente 29%).

Das 3 hipóteses que tínhamos sobre o novo design, comparando-o com o antigo, apenas 1 não foi confirmada, tendo seu resultado inconclusivo:

  1. “O Carrossel favorece mais a descoberta de produtos” (validada);

  2. “Acreditamos que a nova home não dificulta o acesso aos demais produtos” (validada);

  3. “A nova home exibe informações importantes para o dia a dia dos clientes” (inconclusiva)

Cocriação com clientes

A iniciativa da cocriação com clientes surgiu após alinhamentos dos times de design e pesquisa sobre uma possível pesquisa de card sorting, que teria como principal objetivo validar a estrutura default da home do app

Fizemos então uma co-criação, desta vez internamente, com alguns designers afim de definir a nova arquitetura de informação

Com o resultado consensual, definimos a visão inicial de hierarquia das informações que serviria como base para as primeiras explorações da nova home do app.

Baseado nos feedbacks dos clientes na cocriação repensamos a estrutura da home como uma tela modular, que pudesse se adaptar ao contexto do cliente utilizando os componentes de design system.

Anterior
Anterior

Willbank - Design System