MotorPass App
Projeto MotorPass: Redesign da Área de Membership e Ajustes na Plataforma
O Projeto:
MotorPass é um aplicativo que oferece uma série de benefícios exclusivos para seus membros e clientes com veículos da marca. Minha equipe foi encarregada de redesenhar a nova área de Membership, voltada especificamente para os mercados brasileiro e argentino. Além disso, ajustamos a plataforma existente para suportar as novas funcionalidades dessa seção.
Participei de um esforço colaborativo para transformar a experiência do usuário, garantindo uma navegação intuitiva e a gestão eficiente dos benefícios pelos membros.
O Processo:
Adotamos uma metodologia de Design Thinking, passando pelas etapas de empatia, definição, ideação, prototipagem e testes.
Meu Papel:
Minha principal contribuição foi no redesign da área de Membership do aplicativo. Trabalhei no design da interface e da experiência do usuário, assegurando que as informações fossem claras e a navegação fácil. Além disso, colaborei estreitamente com os desenvolvedores para implementar as mudanças necessárias.
Ferramentas Usadas:
Figma
A Pesquisa:
Objetivos Específicos da Pesquisa:
Identificar as dificuldades e dores atuais dos usuários.
Determinar o que poderia ser mantido por familiaridade e praticidade.
Compreender todo o processo de uso do app, do início ao fim.
Resgatar pesquisas antigas feitas no primeiro lançamento do app
Entender os motivos e quem são as pessoas que usam esse aplicativo
Compreender quais são os principais clientes da empresa
Desk Research:
Objetivo: Familiarizar-se com o universo do MotorPass.
Ações: Avaliamos a funcionalidade, estética e usabilidade do aplicativo, analisamos reviews, resgatamos pesquisas antigas e fizemos um benchmark com apps similares. Usamos uma matriz CSD (Certezas, Suposições e Dúvidas) para mapear o que faltava para começarmos a prototipação e definir prazos e garantias do projeto.
Entrevistas:
Objetivo: Obter insights diretos dos usuários.
Ações: Realizamos um misto de Q&A e teste de usabilidade com 4 usuários do aplicativo, entrevista com vendedores diretos de uma concessionária da empresa, uma no Brasil e outra na Argentina, para mapear as dores e desafios atuais dos usuários, incluindo aqueles que eles próprios não percebiam, além de entender um pouco melhor "quem são" os principais usuários.
Prototipagem:
Como a responsável pela prototipagem, conduzi todas as etapas desse processo crucial, garantindo que cada detalhe fosse considerado e cada funcionalidade testada.
Passo a Passo da Prototipagem:
Planejamento:
Defini o escopo do projeto e identifiquei todas as telas e funcionalidades necessárias.
Organizei as tarefas em um cronograma para garantir que todas as etapas fossem concluídas dentro do prazo.
Wireframing:
Comecei criando wireframes de baixa fidelidade para mapear a estrutura básica das telas.
Utilizei o Figma para criar esboços iniciais, focando na hierarquia da informação e no fluxo de navegação.
Design Visual:
Desenvolvi o design visual de alta fidelidade, aplicando a identidade visual do MotorPass.
Assegurei que o design fosse consistente e atraente, utilizando cores, tipografia e elementos gráficos adequados.
Interatividade:
Adicionei interatividade aos protótipos, criando transições e animações que simulassem a experiência real do usuário.
Configurei os pontos de interação para testar a navegação e o fluxo de uso do aplicativo.
Revisões e Feedback:
Realizei revisões contínuas, coletando feedback de colegas e stakeholders.
Ajustei o design conforme necessário, garantindo que todos os requisitos e expectativas fossem atendidos.
Testes de Usabilidade:
Realizei testes de usabilidade com usuários reais para validar as interações e funcionalidades.
Coletei feedback detalhado e identifiquei áreas de melhoria, ajustando o protótipo conforme necessário.
Resultado:
Criei protótipos de alta fidelidade que foram fundamentais para testar interações e funcionalidades.
Os protótipos permitiram identificar e corrigir problemas antes da implementação final, assegurando uma experiência de usuário intuitiva e fluida.
Divisão do Trabalho:
Cada designer foi responsável por um conjunto de telas e funcionalidades específicas.
Mantivemos uma comunicação constante e colaborativa, revisando o trabalho uns dos outros para garantir a coesão do design.
Ferramentas e Métodos:
Figma: Para criar wireframes e protótipos interativos.
Colaboração: Realizamos revisões regulares para assegurar consistência no design.
Resultado:
Desenvolvemos protótipos de alta fidelidade, fundamentais para testar interações e funcionalidades.
Os protótipos permitiram identificar e corrigir problemas antes da implementação final, assegurando uma experiência de usuário intuitiva e fluida
Complexidade na Retirada de Tickets:
A retirada de Tickets foi uma das funcionalidades mais complexas, permitindo que os benefícios incluíssem múltiplos Tickets para várias pessoas. Por exemplo, um benefício de viagem poderia incluir passagens aéreas e hospedagem, com a possibilidade de retirar Tickets para várias pessoas. Criamos uma interface clara e intuitiva para gerenciar essas opções múltiplas.
Teste de Usabilidade
Objetivo: Validar as mudanças implementadas.
Ações: Realizamos testes de usabilidade com os mesmos usuários entrevistados além de pessoas da equipe (acredito que testar com varias pessoas diferentes nunca é demais) avaliando a eficácia das melhorias e ajustando conforme o feedback recebido.
Handoff para Desenvolvedores
Objetivo: Garantir a implementação precisa das mudanças projetadas.
Ações: Após o design final, entregamos o projeto aos desenvolvedores com todos os recursos e especificações necessárias. Me mantive disponível para esclarecer dúvidas e apoiar a equipe de desenvolvimento durante o processo de implementação.