ESP

ENG

PWA to find reliable and nearby repair shops.

Local Car

Whether you're a new or experienced car driver, it's hard to find a reliable mechanic service, and even if you find one, trusting it is a challenge.

Local Car is a hypothetical service that aims to make it easier for the user to find a reliable mechanical service.

The problem
Everyone with a car at some point experiences some kind of damage to their car, whether it requires maintenance or has a breakdown, but not everyone has a trusted mechanic or knows where to take their car for repairs, nor do they know what the problem is.

Objective

A web app that will be a catalog of automotive services, verified, certified and recommended suppliers; seeking to facilitate the satisfaction of the needs of users with automobiles when they have mechanical problems.

Rol: UX / UI / Visual Designer
Time: 4 months

Tools:
Figma
Balsamiq
Illustrator
Miro
Typeform

Design process

DESIGN THINKING 🧠

Empathizing

– Benchmark
– Storyboard
– Desk research
– Surveys

Defining

– Use scenarios
– User persona
– User journey map
– User flow

Ideation

– Moodboard
– Crazy 8’s
– Sketches

Prototyping

– Wireframes mid fidelity

User testing

– A/B testing
– Interviews

(to be honest, was a back and forth between stages 🔁)

RESEARCH / EMPATHIZING 🔎

Desk research & Benchmarking

What was done?
– We searched for other companies offering services of the same type.
– We analyzed the results on the internet when searching for “mechanical services”.
Result:
No applications with this same service were found, the closest was to use google maps to find a mechanical service near your location.

Results & pain points

Results:
– Most users consult with friends and family if they know of reliable mechanical services.
– They prioritize fast service

Pain points found 🤕
– Concern about the cost of the repair.
– Doubt that they won’t really solve the problem.

Mapa de empatía

Con los datos obtenidos del research vacíamos la información en el mapa de empatía para tener una mejor visualización de ello.

DEFINING ✍️

OUR CHALLENGE

How can we help our user to find a reliable and fast mechanical service?

HOW DOES OUR PRODUCT HAVE TO BE?

– Reliable workshop information
– Accessible in times of emergency
– Mark the proximity of the workshop

– Cost of services
– Accuracy of service offered
– Location hours

¿En qué momento necesitarían este producto?

Escenario de uso #1

Juan necesita llevar su coche al taller. porque ha llegado al kilometraje marcado como el próximo mantenimiento.

Escenario de uso #2

Álvaro tuvo un accidente camino al trabajo y necesita encontrar un garaje y una grúa arreglarlo.

User persona

Let's meet Julio 🙂

Experience map

Research

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Ideate

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Prototyping

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

User testing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Visual design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Wireframes with balsamiq

Wireframe test results

A/B testing

En persona / 5 usuarios

Se mostraron dos opciones de pantalla inicial a 5 usuarios y se les pidió su opinión, se seleccionó la pantalla más elegida por los usuarios con algunas modificaciones.

El 80% de los usuarios elige Una pantalla | Pantalla de inicio

El 100% de los usuarios elige la pantalla B | Pantalla de resultados de búsqueda

Entrevistas

En persona / 5 usuarios

El 100% de los usuarios estuvo de acuerdo en que las categorías y la ubicación del taller son más importantes al principio.

El 60% de los usuarios considera relevante el test para saber qué servicio necesitas.

El 100% de los usuarios mencionaron que la fecha disponible es importante.

Entrevistas

En persona / 5 usuarios

Se agregó información que los usuarios acordaron que es importante:

- Rangos de precios

- Métodos de pago

UI

Future improvements 🚨

- UI improvements with the use of colors.
- Think about whether it is worth migrating from a PWA to an app.

What I learned from this project 💡

Research is the most fundamental part of the project, you have to invest the necessary time with the users, listen to them and go deeper into the problem.

Thanks for reading 👁️

hopefully we can do projects together 😉 !

Other project

Este proyecto me quedó más bonito :3

Other project

Este proyecto me quedó más bonito :3