AURA.
Un e-commerce headless de alta moda creado para experimentar con transiciones fluidas de imágenes y navegación líquida.
El Reto del Proyecto
Me apasiona la moda y el diseño editorial. Quería comprobar si era posible crear un sitio web de comercio electrónico que se sintiera tan elegante y fluido como hojear una revista física. Las plantillas web tradicionales suelen ser rígidas y lentas, y quería retarme a lograr transiciones sin cortes visuales.
- Reto de evitar saltos de pantalla bruscos al navegar entre productos.
- Búsqueda de una estética visual limpia y asimétrica de alto nivel.
- Optimización de imágenes pesadas de alta calidad sin perder resolución.
Cómo lo Desarrollé
Propuse una arquitectura de frontend independiente conectada a la API de Shopify mediante GraphQL. Diseñé transiciones de página dinámicas usando Framer Motion para que el usuario sienta una navegación continua, logrando que las imágenes se muevan suavemente de una vista a otra al seleccionarlas.
- Uso de animaciones de diseño compartido (Shared Layout) entre listas y detalles.
- Implementación de pre-carga inteligente para que las páginas de producto carguen al instante.
- Layout minimalista refinado con tipografías proporcionales y amplio espacio.
Resultados
180 ms
Transición de Páginas
<0.3s
Tiempo de Carga
100%
Optimización Visual
Logros & Conclusiones
- Navegación instantánea eliminando esperas y pantallas en blanco.
- Puntuación perfecta de rendimiento en dispositivos móviles.
- Dominio práctico en la maquetación de layouts de alta gama estética.