Aurora Tecidos

Visión general

Aurora Tecidos no fue simplemente un rediseño. Fue una reconstrucción completa de la experiencia digital de la marca.

El proyecto comenzó con la creación estratégica de la UI en Figma, un prototipo desarrollado en aproximadamente 8 horas para validar rápidamente la dirección visual, la jerarquía y la usabilidad. El cliente enfrentaba problemas claros: layout sobrecargado, baja legibilidad y fricción en la navegación.

La UI fue pensada como sistema. El tema fue desarrollado como infraestructura.

Contexto y objetivo

El público de Aurora valora principalmente la claridad y la practicidad. Tipografías pequeñas, exceso de información y múltiples elementos compitiendo por atención estaban afectando directamente la experiencia de compra.

El objetivo era transformar la tienda en un entorno moderno, claro y altamente funcional para un público que no está acostumbrado a interfaces complejas.

El desafío

El desafío no era simplemente “hacerlo más bonito”. Era convertir la experiencia en algo intuitivo, predecible y cómodo.

Era necesario:

• Reducir el ruido visual
• Establecer una jerarquía clara de información
• Mejorar la legibilidad
• Reforzar señales de confianza
• Mantener un flujo de compra sin fricción

La estrategia

La estrategia fue estructurar la tienda como un sistema visual coherente, con patrones replicables.

Home como vitrina estratégica:

La página de inicio fue diseñada para funcionar como un showroom digital:

• Slideshow de alto impacto
• Cards informativos con íconos objetivos
• Vitrinas organizadas (Más vendidos, Nuevos productos, También te puede gustar)
• Prueba social integrada
• Bloque de ubicación física (mapa) reforzando presencia real

Cada sección sigue un ritmo visual predecible, facilitando la escaneabilidad.

Página de producto orientada a la decisión:

La página de producto fue simplificada de forma intencional.

Prioridad absoluta para:

• Título del producto
• Precio con tipografía ampliada
• Información de cuotas visible
• CTA claro

La información secundaria (cálculo de envío, detalles técnicos, etc.) fue organizada en menús desplegables y secciones controladas para evitar sobrecarga cognitiva.

El enfoque fue reducir fricción y acelerar la toma de decisión.

Header y footer funcionales:

• Navegación directa por categorías
• Iconografía clara
• Información institucional organizada
• Estructura limpia y objetiva

Nada ornamental. Todo funcional.

Lo que se implementó

Fidelidad de ejecución:

La implementación alcanzó aproximadamente un 98% de fidelidad respecto al prototipo aprobado en Figma, preservando:

• Escala tipográfica
• Sistema de espaciado
• Jerarquía visual
• Paleta de colores institucional

La UI fue tratada como un sistema, no como una sugerencia.

Ingeniería del tema ELOY V2 sobre Dawn:

La UI fue solo la superficie.

Para sostener esa experiencia, utilicé mi tema propietario ELOY, originalmente construido sobre el tema Dawn de Shopify. Para Aurora, evolucionó a una V2 completamente reestructurada y optimizada.

No fue una simple actualización. Fue una reingeniería técnica.

Stack técnico:

• Arquitectura modular en Liquid con lógica avanzada de variantes
• JavaScript personalizado
• HTML semántico optimizado para SEO
• CSS3 refinado con control total de responsividad

Principales mejoras de la V2:

Sistema de zoom en alta resolución:

• Visualización en máxima definición
• Modal fluido sin romper la navegación
• Rendimiento preservado

Optimización de imágenes:

• Compresión inteligente
• Carga progresiva
• Mejora en métricas de rendimiento (Core Web Vitals)

Sistema inteligente de variantes para telas:

• Swatches visuales con miniaturas reales
• Compatibilidad con múltiples estampas
• Selección intuitiva de metraje (50 cm / 1 m)

Integración con la API de Frenet:

• Cálculo de envío en tiempo real a través de una API intermediaria desarrollada por mí
• Integración limpia y no invasiva

Carrito deslizante:

• Sin redireccionamientos completos
• Actualización instantánea
• Mensaje dinámico que incentiva el envío gratis

Mapa integrado:

• Refuerzo de presencia física
• Mayor credibilidad y confianza

Rendimiento y estabilidad:

ELOY V2 fue desarrollado con enfoque en:

• Mejor puntuación de rendimiento
• Arquitectura escalable
• Menor dependencia de scripts externos
• Estabilidad a largo plazo para futuras expansiones

Resultado

Aurora Tecidos obtuvo mucho más que un nuevo diseño.

Obtuvo:

• Un sistema visual coherente
• Una arquitectura técnica robusta
• Una experiencia simplificada para el usuario
• Una base escalable para crecimiento

UI e ingeniería trabajaron como un único sistema integrado.

El resultado es un e-commerce Shopify que combina claridad, rendimiento y estabilidad estructural, preparado para crecer sin comprometer la experiencia del usuario.