Parkeate: caso de estudio UX/UI

Kioscos de autoservicio, POS y apps para operar estacionamientos de punta a punta.

Cliente

DeepCompany

Rol

UX/UI Designer

Equipo

3 desarrolladores, 1 QA

Tiempo

Cerca de 1 año, en desarrollo continuo

Herramientas

Figma, FigJam, Notion, Miro

El proyecto

Parkeate es la plataforma de gestión de estacionamientos de DeepCompany: kioscos de autoservicio, un sistema POS para cajeros, una app móvil para conductores, un backoffice de administración y su sitio web. Mi trabajo se centró en la landing page, el sistema de diseño y las pantallas, la navegación y los flujos de usuario del kiosco y del sistema POS, apoyados en una investigación con persona, mapa de empatía, user journey y arquitectura del backoffice. El producto lo lleva DeepCompany y sigue en desarrollo continuo.

Tipos de usuario

• Conductor: Usa el kiosco o la app móvil para pagar su ticket, registrar su vehículo y su plan, y revisar su historial de entradas y salidas.
• Cajero: Atiende el sistema POS: genera tickets, cobra, consulta tarifas y hace el pre cierre y el cierre de caja.
• Administración: Supervisa la operación desde el backoffice: barreras, usuarios, servidores, métricas y los pedidos del ERP.

Lo que diseñé

• Investigación y flujos de usuario: Una persona (un conductor de 35 años que quiere evitar filas), su mapa de empatía y su user journey, más diagramas de flujo de la app y del POS (mantenimiento y parking) y la arquitectura del backoffice.
• Kiosco de autoservicio: Una pantalla de inicio con un solo gesto (“Toca para comenzar”), una explicación del pago en tres pasos (escanea tu ticket, paga, retira tu comprobante) y botones grandes para el pago con tarjeta.
• POS para cajeros: Inicio de sesión del cajero, una pantalla principal con el detalle del ticket, la foto del vehículo y los totales, un modal para generar tickets y un menú lateral con cierre y pre cierre de caja.
• Sistema de diseño: Colores en índigo y lima con neutros y estados, tres familias tipográficas (DM Sans, Urbanist y Afacad), cuadrículas para kiosco, backoffice, landing y móvil, y botones y navegación por producto.
• App móvil: Un registro en seis pasos (datos, clave, vehículo, estacionamiento, plan y método de pago), inicio de sesión con opción de Google, recuperación de contraseña, perfil e historial de tickets.
• Backoffice y sitio web: Un dashboard con barreras, usuarios, servidores y métricas, un listado de órdenes del ERP, y la landing y el blog en versión móvil.

Ver sitio en vivo