Millarto, diseño UX/UI y renovación de identidad digital

Contexto del proyecto

Tras definir la estrategia digital global de Millarto, el siguiente paso fue rediseñar por completo su experiencia de usuario y su interfaz visual. El antiguo sitio web —basado en Flash, sin versión móvil y con una estructura desactualizada— no reflejaba la calidad ni la especialización real de la empresa, dedicada a la distribución de recambios para vehículos.

El objetivo del proceso UX/UI fue modernizar la web, ordenar la información y construir una imagen digital profesional y coherente, adaptada a los estándares actuales y a las necesidades del sector automoción.

1. Investigación y arquitectura UX

El trabajo comenzó con una fase de análisis centrada en:

Evaluación del estado inicial

• Jerarquía de contenidos confusa
• Páginas sin estructura clara
• Información técnica poco accesible
• Experiencia móvil inexistente
• Navegación limitada y poco intuitiva

Redefinición de la arquitectura de información

Con los hallazgos, se construyó una nueva estructura UX enfocada en:

• Ordenar el catálogo de recambios y servicios
• Facilitar el acceso rápido a las categorías principales
• Impulsar la navegación mediante patrones modernos
• Clarificar la propuesta de valor desde el primer impacto

El resultado fue un mapa web limpio, jerárquico y pensado para profesionales del sector.

2. Diseño UI: nueva imagen digital para Millarto

Con la arquitectura definida, el siguiente paso fue diseñar una interfaz visual renovada y consistente.

Para ello trabajamos en cinco pilares:

1. Sistema visual actualizado

La marca necesitaba una estética más actual, técnica y robusta.

Se creó un sistema de diseño basado en:

• Tonos azules y neutros asociados al sector automoción
• Tipografías más legibles y profesionales
• Mayor presencia de elementos visuales vinculados a talleres y recambios
• Estructuras limpias que favorecen una lectura rápida

2. Selección y tratamiento de imágenes

Se reemplazó la fotografía antigua por imágenes:

• Más modernas y de mayor calidad
• Relacionadas con mecanizados, talleres y procesos reales
• Coherentes con la estética industrial de la marca

3. Componentes UI adaptados al catálogo

Se diseñaron módulos y tarjetas específicas para:

• Presentación de categorías de recambios
• Descripción de servicios
• Elementos destacados del catálogo
• Accesos rápidos y CTAs claros

Todo dentro de un sistema modular escalable.

4. Experiencia mobile-first

La nueva interfaz garantiza:

• Rendimiento óptimo en móvil
• Navegación simplificada
• Jerarquías visuales claras
• Interacciones rápidas e intuitivas

Esto representa un salto enorme respecto al site original.

5. Coherencia con redes sociales

El nuevo sistema visual sirvió también de base para redes sociales, asegurando una identidad digital alineada en todas las plataformas.

3. Prototipado y validación

Una vez definido el diseño, se elaboraron prototipos interactivos para:

• Validar flujos de navegación
• Comprobar la claridad de la información
• Verificar cómo se comportaba la interfaz en pantalla real
• Revisar la adaptación responsive en distintos dispositivos

Este proceso permitió afinar microinteracciones, espaciados, jerarquías y optimizaciones visuales.

Resultado

El nuevo diseño UX/UI de Millarto aporta:

• Una experiencia moderna y clara
• Una imagen profesional y coherente
• Navegación intuitiva tanto en desktop como en móvil
• Un catálogo de productos fácil de explorar
• Identidad visual actualizada y alineada con redes y estrategia digital
• Mayor claridad en la comunicación comercial y técnica

Este rediseño sienta las bases visuales para el crecimiento digital de la marca y prepara el terreno para el desarrollo web, optimización y posicionamiento SEO posteriores.