Case Cart
Pesquisa com os Devs
UX/UI/Research Designer: Helizabeth Trindade
Sobre o Cart
É um marketplace da Stellantis que tem como objetivo facilitar a jornada de mobilidade dos usuários.
Dentre os principais parceiros do produto estavam: McDonald's (jornada de alimentação), ConectCar (jornada de aquisição da cobrança automática de cancelas), Zapay (Pagamento de débitos veiculares), LeCupon (Cupons de desconto) e Tupinambá (Localização de pontos de carregamento para carros elétricos).
Atuei como única designer responsável pelo produto criando experiências tanto para Android e iOS, quanto para projeções através da central multimídia do veículo como Android Auto e Carplay.
Case Cart - Pesquisa com os Devs
O problema
Os arquivos do Figma feitos pelo time de design estavam sendo problemáticos para qualquer pessoa do time, desde o product owner, time de negócio e principalmente para os desenvolvedores, que precisasse encontrar rapidamente e de maneira fácil um arquivo, fluxo ou tela.
O processo
Percebi que sempre os arquivos do Figma eram um ponto de dor para todo o time, em especial os desenvolvedores, que precisavam verificar como estavam as atuais telas, quais tipos de ajustes teríamos para as próximas entregas de evolução.
Para melhor entender as dores do time de desenvolvimento, criei um formulário anonimo com algumas perguntas para entender quais eram os pontos de dor, sugestões que eles pudessem ter, críticas e também coletar um feedback a respeito da qualidade dos hand offs de design para eles.
Dos principais pontos que surgiram foi para criarmos um Design System, de colocarmos as telas atuais e novas propostas juntas, sem separar em arquivos diferentes e também ter uma documentação sobre as mudanças.
Como era o Figma antes da nova reestruturação
A solução
Após entender todos os feedbacks, levando em consideração os comentários de product owners, time de negócio e desenvolvedores, criei 3 opções de estrutura de organização do Figma e pedi que o time votasse na que fazia mais sentido.
A escolhida foi a de ter todas as telas e fluxos, tanto atuais como de melhorias em um único arquivo, com visualização das telas tanto para mobile quanto para a central multimídia e uma página de histórico, para o que fosse antigo. Para o time de negócio, o principal que eles precisavam era de um local onde pudessem ver o fluxo atual e navegar pelo protótipo para apresentações com a diretoria.
Com isso, mudei todos os arquivos do Figma, dando novas capas que pudessem orientar melhor as pessoas a encontrarem os arquivos, criei uma página apenas para navegação do protótipo, e separei por páginas as partes do fluxo de forma a colar as atuais telas, o que elas deveriam ter de mudanças e também comentários a respeito das mudanças.
Proposta escolhida para a organização da estrutura do Figma
Nova proposta de estrutura do Figma com base nas entrevistas internas
Visualização de uma das etapas de um fluxo onde estão as telas atuais e as propostas para o futuro para ambos os formatos: mobile e central multimídia,
Nova sugestão de capa