Portada del proyecto SEAT

SEAT

App móvil de coche eléctrico

Resumen

Un proyecto personal de diseño: una app móvil para usuarios de vehículos eléctricos, creada en dos días a partir de la tipografía y los colores de SEAT.

No fue un trabajo real para la marca, sino un ejercicio de diseño de producto y de interfaz.

Rol

Diseñador UX/UI

Flujo de usuario, wireframes, sistema de diseño y diseño de interfaz

2022

Herramientas utilizadas
SketchAdobe Illustrator
01

Sobre el proyecto

Me pidieron diseñar una app para usuarios de vehículos eléctricos en dos días. En concreto, tenía que elegir una marca y diseñar las pantallas de un flujo de usuario para esta app. En este caso elegí SEAT.

Decidí diseñar una app para SEAT y me basé en las tipografías y colores de la web actual de la marca.

Este no fue un trabajo real para SEAT, sino un proyecto personal.

02

Flujo de usuario

El flujo de usuario que trabajé para esta app es el siguiente:

  1. Buscar el punto de carga más cercano
  2. Ir al punto de carga más cercano
  3. Ver el tiempo estimado de carga
  4. Pagar la carga con la app
  5. Bajar la temperatura interior a 20°
03

Funcionalidades

Algunas de las funcionalidades de esta app son las siguientes:

04

Sistema de diseño

Tomé la tipografía (Seat BCN) y el color naranja de la web actual de SEAT como base y definí los botones, la iconografía de baterías, conectores y mapas, y los indicadores circulares de carga, autonomía y temperatura.

Sistema de diseño de la app de SEAT: tipografía, colores, botones e iconografía
05

Wireframes

Antes del diseño visual esbocé las cuatro pantallas clave del flujo: el estado del vehículo, el mapa de puntos de carga, el seguimiento de la carga y la confirmación de compra.

Wireframe 1 de la app de SEATWireframe 2 de la app de SEATWireframe 3 de la app de SEATWireframe 4 de la app de SEAT
06

Proyecto final

El resultado es un recorrido completo de seis pantallas: desde la carga inicial y el estado del vehículo hasta la búsqueda en el mapa, los tipos de conectores, la carga exitosa y la confirmación de que se evitaron 428 grs de CO2.

Pantallas del proyecto final de la app de SEAT

Más proyectos

Hablemos

Me encantará conocer tu proyecto y descubrir cómo puedo ayudarte.

hans.eggers@gmail.com