Mobile Application

Makeasy

Briefing

Trazer uma solução para concessionárias de veículos que aprimorasse a experiência de atendimento dos engenheiros com os clientes durante o processo de manutenção.

O desafio

O principal desafio foi transformar o burocrático preenchimento de formulários com os dados do cliente e veículo, em uma interação ágil e significativa.

Contextualização

Para melhor entender o problema, fui até o local onde as interações aconteciam. Lá, realizei observações e pesquisas exploratórias. Um dos principais achados foi indentificar o fluxo de etapas desta interação.

  • 1. Setup
  • 5 min
  • Impressão
  • Caneta
  • Prancheta
  • 2. Vistoria Veicular
  • 10 min
  • Coleta de 40% das informações
  • Cliente Ativo
  • 3. Excel
  • 20 min
  • Transição das infos já coletadas
  • Conclusão dos 60%
  • Cliente semi ativo
  • 4. Sistema
  • 5 min
  • Salvar
  • Criar PDF
  • Imprimir
  • 5. Contrato
  • 4 min
  • Revisão
  • Assinar
  • Cliente Ativo

Wireframes

Com vários insights na manga, comecei a testar possívels soluções.

Material criado com Adobe Illustrator

Prototypes

Com a estrutura pronta, montei protótipos de alta fidelidade. Optei por unir princípios de gamificação com wizard design pattern. Experimente!

Este design foi criado com Adobe Fireworks e o protótipo com Marvel

Protótipo criado através do Sketch 3 Mirror

Designs finais

Design criado com Adobe Fireworks

Interações

Motion e micro interações ajudam a contar histórias e transferir mais significado para as ações do usuário e do sistema. Explorei esta disciplina documentando-a de forma clara, para a equipe de desenvolvedores tivessem em mãos um entregável robusto com o qual trabalhar.

Essa animação foi criada com After Effects

No mercado

Concessionárias das seguintes marcas utilizam esta aplicação diariamente:

Redesign

Agência Grau