Technical Specs
rol
UX Designer & Frontend Developer
Tech Stack
tipo de producto
- Plataforma logística · Producto digital B2C / B2B
enfoque
- Arquitectura de información
- Jerarquía de mensajes
- Comunicación de producto
03 · UX & SEO para Plataforma logística – Caso XuBox
Estudio del caso: Xubox no es solo una web; es la puerta de entrada a una red física de puntos de entrega y despacho. El reto principal era traducir un ecosistema logístico complejo en una propuesta de valor clara tanto para el usuario final (quien envía/recibe) como para los comercios que actúan como partners.
Problema & Estrategia
A diferencia de los sitios logísticos tradicionales llenos de tecnicismos, decidí centrar la comunicación en el beneficio inmediato.
- Jerarquía de Usuario Dual: Diseñé una arquitectura de información que permite a personas y empresas encontrar su camino en menos de 3 segundos.
- Diseño para el Escaneo: Utilicé una estructura visual limpia, con iconos descriptivos y copys directos para facilitar la lectura rápida en dispositivos móviles (donde ocurre la mayor parte de las consultas de seguimiento).
- Del Figma al Código: Como Frontend Developer, aseguré que la semántica del sitio fuera impecable, garantizando tiempos de carga mínimos y una accesibilidad real para todo tipo de usuarios.
Pilares de la Solución
- Jerga vs. simplicidad Traducir la terminología logística técnica en lenguaje fácil de entender, sin perder precisión operativa.
- Fricción operativa Destacar la conveniencia de los puntos físicos para reducir la carga cognitiva en los procesos de envío.
Soluciones técnicas y decisiones de diseño
Mensajes centrados en beneficios
Se cambió el enfoque de comunicación de “cómo funciona internamente” a “qué gana el usuario”, priorizando resultados reales por sobre procesos logísticos.
Copy orientado a valor · UX centrado en el usuario
Los tres pilares
La estructura se organizó alrededor de tres promesas claras:
• Envíos más simples
• Puntos Xubox más cómodos
• Devoluciones más ágiles
Este esquema guía toda la jerarquía de información.
Estrategia de contenido · Claridad
Jerarquía visual para escaneo rápido
Se desarrolló un sistema modular optimizado para lectura rápida.
La interfaz fue pensada para escalar, permitiendo sumar nuevas funcionalidades sin saturar la experiencia.
Componentes modulares · Escalabilidad
Performance frontend
Optimización de HTML, CSS y entrega de recursos para garantizar tiempos de carga rápidos en todos los dispositivos.
La accesibilidad y la responsividad fueron prioritarias para una base de usuarios diversa.
Mobile first · Optimización de performance
La claridad como reductora de fricción
El rediseño transformó la plataforma en una base sólida para el onboarding de usuarios.
Al priorizar jerarquía de mensajes y soluciones claras, se redujo significativamente la barrera de entrada para nuevos usuarios que gestionan envíos y devoluciones.