DRAIV
Marketplace automotor y plataforma digital
- Mercado
- Argentina
- Mi participación
- UX/UI · Experiencia digital
- Diseñado en colaboración con
Cruz Negra ↗
DRAIV: experiencia digital y UX/UI para un marketplace automotor
Un ecosistema automotor, conectado.
Junto a Cruz Negra trabajamos en la experiencia digital de DRAIV, una plataforma que conecta a distintos actores del mercado automotor argentino.
Una sola experiencia para cinco tipos de usuario.
El contexto. DRAIV es una plataforma creada para conectar diferentes actores del mercado automotor argentino dentro de un mismo ecosistema.
El reto. Crear una experiencia coherente para múltiples tipos de usuario, cada uno con necesidades, acciones y paneles diferentes.
Las decisiones de diseño. Diseñamos recorridos, herramientas y paneles capaces de responder a necesidades muy diferentes sin perder consistencia dentro del producto. Para publicar un auto, un flujo guiado de siete pasos que guarda el avance automáticamente.
Mi participación. Diseño UX/UI y experiencia digital, en colaboración con Cruz Negra.
- Proyecto
- DRAIV
- Categorías
- Diseño UX/UI, Diseño de producto, Plataforma web
- Sector
- Automotor · Marketplace
- Mercado
- Argentina
- Colaboración
- Cruz Negra ↗
- ¿Qué hice?
- Diseño UX/UI
- Experiencia digital
- Diseño de producto
150+
pantallas desktop33
pantallas mobile5
roles de usuario17
secciones de producto
01Desafío y solución
Un clasificado no alcanzaba.
Problema
El rubro automotriz argentino se mueve entre clasificados genéricos y grupos de WhatsApp. Publicar un auto significaba formularios eternos; comprar, filtrar entre publicaciones sin verificar. Y todo lo que pasa después de la venta —transferencia, seguro, documentación— quedaba fuera de la plataforma.
Solución
Una sola plataforma con shell compartido y cinco paneles especializados. La publicación se partió en 7 pasos cortos con guardado parcial; la ficha concentra verificación, financiación y contacto; seguros y trámites se integraron como flujos nativos, no como enlaces externos.
Una plataforma. Cinco recorridos distintos.
02El producto
El producto, por dentro.
De la búsqueda a la publicación, el panel y los mensajes: las pantallas reales del producto.
Inicio
Catálogo
Mapa
Ficha de vehículo
Publicar · Precio
Publicar · Fotos
Publicar · Resumen
Panel
Mis autos
Mensajes
Trámites
03Mobile
También en el teléfono.
Inicio
Filtros
Mapa
Ficha
Publicar · Precio
Panel
Mensajes
04Arquitectura de roles
Un mismo producto, cinco formas de usarlo.
Cada rol comparte el mismo shell —header, barra de perfil, tabs— pero abre un panel distinto. Una sola curva de aprendizaje, no cinco productos separados.
Particular
Publica su auto en 7 pasos, responde consultas y sigue el estado de cada trámite.
Agencia
Administra stock, equipo y plan contratado, con métricas por publicación.
Gestor
Recibe solicitudes de transferencia por zona, con cupo propio y perfil público.
Productor
Cotiza seguros y envía propuestas comparables dentro del flujo del comprador.
Admin
Verifica cuentas profesionales, modera reportes y controla cupos por provincia.
05Proceso
Cómo se construyó.
- 01
Discovery
- Auditoría de clasificados AR
- Entrevistas por rol
- Mapa de puntos de fricción
- 02
Arquitectura
- Sitemap completo
- Definición de los 5 roles
- Flujos críticos punta a punta
- 03
Sistema de diseño
- Variables y tokens
- Kanit + Inter
- Componentes, variantes y estados
- 04
UI y prototipo
- Layouts desktop 1440
- Mobile 390
- Prototipo navegable
Colores y tipografía
Tres colecciones de variables sostienen el producto: primitivos, semánticos y dimensiones. Ningún valor se escribe a mano en una pantalla.
- Blue Drive
#2568EEPrimario - Action / Primary
#3083FFInteracción - Deep Navy
#050B20Navbar y bandas - Ice
#ECF5FFFondos suaves - Grey 100
#F3F3F3Superficies - White
#FFFFFFBase
Condensada, con personalidad, legible a tamaños grandes.
Formularios, tablas, chips de filtro y textos largos.
- DRAIV / Primitives
25 variables
Colores base, escalas y radios - DRAIV / Semantic
16 variables
Roles de color por contexto de uso - DRAIV / Dimensions
26 variables
Espaciados, tamaños y breakpoints
06Sitio en vivo
Míralo funcionando.
07Créditos
- Proyecto
- DRAIV
- Industria
- Automotor · Marketplace · Plataforma digital
- Mercado
- Argentina
- Rol
- Diseño UX/UI · Diseño de producto
- Colaboración
- Cruz Negra ↗
- Diseñadora
- Daniss Blue
El proyecto
DRAIV · Marketplace automotriz
Marketplace automotriz que conecta compradores con autos verificados. Diseñé la plataforma completa, no solo una landing: catálogo, publicación, paneles, mensajes y métricas.
