Mobile App

Makeasy

Briefing

Develop a solution for car dealerships that enhance the attendance experience of the engineers with their clients during the car maintenance process.

The challenge

The main goal of this project layed in creating a new experience of filling a bureaucratic form with client personal and vehicle data, in a agile and meaningful interaction supervised by the engineers.

Contextualizing

To better understand the problem, I went on ground where the interactions took place. There, I made some observations and exploratory research. On of the main findings was identifying the steps of this engineer/client interaction.

  • 1. Setup
  • 5 min
  • Printing form template
  • Pen
  • Clipboard
  • Client waiting
  • 2. VEHICULAR SURVEY
  • 10 min
  • 40% form filled
  • Client waiting
  • 3. CLIENT SURVEY
  • 20 min
  • Vehicle survey to system
  • Collect clients info
  • 60% form filled
  • Client partially interacting
  • 4. System
  • 5 min
  • Submit
  • Create PDF
  • Print
  • Client interacting
  • 5. Contract
  • 4 min
  • Review
  • Sign
  • Client interacting

Wireframes

With quite a few insights on deck, I started testing most promising solutions.

This design was made with Adobe Fireworks and prototyped with MarvelApp.

Prototypes

With structure ready, I created some high fidelity prototypes. Chose to combine gamification principles with a wizard design pattern. Give it a try:

This design was made with Adobe Fireworks and prototyped with MarvelApp.

Prototype made through Sketch Mirror

Final designs

Design made with Adobe Fireworks

Interactions

Motion and micro interaction helps telling a history, bringing more meaning into user's and system's actions. I exploited this subject documenting it in a clean way, so developers could had in hands broad references to work with.

This animation was made with After Effects

In Market

Car dealerships of the follow brands uses this application daily:

Redesign

Grau Agency