Nexovial · Product Design · Design System · Marketplace vial

Convertir un marketplace amplio en un sistema de producto coherente.

Nexovial reúne publicaciones, proveedores y proyectos del sector vial. Diseñé una base de producto que conecta discovery, fichas, autenticación, panel de proveedor, solicitudes y mensajes con un sistema reutilizable para desktop y mobile.

Design Systemfoundations + componentes
Desktop + mobileproducto responsive
Marketplacepublicaciones + proveedores
Paneloperación del proveedor
Problema

El reto no era una home. Era sostener un marketplace con varios tipos de contenido y dos lados del mercado.

El sistema debía permitir descubrir oferta, evaluar proveedores y publicaciones, registrarse, operar como proveedor y gestionar solicitudes sin perder consistencia. Eso exige resolver búsqueda, filtros, tarjetas, estados, formularios y densidad de información como una sola familia de producto.

Descubrimiento

Una entrada que permita navegar por categorías, publicaciones, proveedores y proyectos.

Confianza

Fichas con jerarquía, rating, información del proveedor y contenido verificable.

Operación

Panel del proveedor con solicitudes, mensajes y estados del sistema.

Escala

Componentes que soporten nuevas categorías y contenido sin rediseñar cada pantalla.

Producto real

El marketplace ya se entiende en pantallas, no en una miniatura de Figma.

Nexovial organiza oferta y demanda del sector vial: maquinaria, materiales, servicios, proveedores y proyectos dentro de una misma experiencia.

Home de Nexovial
Home · NexovialPropuesta de valor, búsqueda, categorías, publicaciones y proveedores.
Publicaciones, proveedores y proyectos de Nexovial
MarketplacePublicaciones destacadas, proveedores verificados y proyectos/licitaciones dentro de una arquitectura común.

Design System con reglas explícitas de marca, estado y accesibilidad.

El sistema no se limita a componentes. Define paleta semántica, grises, superficies, bordes, estados, tipografía y comportamiento de botones para mantener consistencia a medida que crece el marketplace.

Nexovial sistema de color y accesibilidad
Color + accesibilidadMarca, escala de grises, colores semánticos y ejemplos correctos/incorrectos de contraste.
Nexovial tipografía y botones
Tipografía + botonesEscala tipográfica y estados/variantes de componentes de acción.
Aplicación

Las reglas del sistema se prueban cuando llegan al marketplace.

DescubrimientoHome, búsqueda y categorías ayudan a empezar sin conocer la estructura interna del catálogo.
OfertaCards de productos, servicios y proveedores comparten patrones, pero conservan información específica.
ConfianzaProveedores verificados, rating, ubicación y datos de proyecto reducen incertidumbre.
EscalaPublicidad, proyectos y nuevas categorías caben dentro del mismo sistema sin rehacer la interfaz desde cero.

Decisiones que elevan el caso por encima de “hacer un marketplace”.

Sistema antes que páginas sueltas

Los componentes nacen para repetirse en fichas, listados, panel y estados.

Mobile no es un recorte

La versión móvil replantea navegación, prioridad y densidad.

Calidad de oferta

La guía de fotografía reconoce que el UX también depende del contenido publicado por proveedores.

Operación posterior al registro

El journey continúa en solicitudes y mensajes; no termina cuando alguien crea una cuenta.

Qué demuestra este caso.

Sistemadecisiones convertidas en componentes reutilizables
Responsivearquitectura pensada para desktop y mobile
Marketplacediscovery, fichas y confianza conectados con operación
Productopensamiento más allá del happy path y de la interfaz pública

Caso en desarrollo. Presento el sistema y las pantallas diseñadas hasta la etapa actual; no atribuyo resultados de negocio ni lanzamiento que todavía no existen.

Siguiente casoFinconecta
✆WhatsApp