El proyecto en un vistazo
El cliente
D2FY es la tienda oficial de merchandising y música de más de un centenar de artistas. No es una tienda al uso: cada artista funciona casi como una marca propia, con su minisite, su identidad y su público. Eso convierte el catálogo en un problema de arquitectura antes que de diseño.
La tienda operaba sobre un theme comercial que había ido acumulando años de parches. Los síntomas eran los de siempre: diseño no adaptado a móvil (de donde llega la mayor parte del tráfico), nombres de artista duplicados en los títulos penalizando el posicionamiento, decenas de secciones heredadas sin criterio común, ningún sistema de etiquetas para distinguir preventas o ediciones limitadas, un buscador sin sugerencias sobre casi 4.000 referencias, y 85 plantillas de colección, cada una montada de una forma distinta.
Qué hicimos
Un sistema de secciones propio
22 secciones y 6 componentes desarrollados a medida, con su propia hoja de estilos, conviviendo con el theme base sin colisionar. Todo editable desde el personalizador de Shopify: colores, textos, número de elementos y disposición. El equipo del cliente puede montar una campaña sin pedirnos nada.
Arquitectura de artistas: 692 accesibles, no 250
El catálogo tiene 692 artistas distintos. Shopify limita a 250 los valores que devuelve por filtro, así que dos de cada tres eran inalcanzables desde el filtrado estándar. Lo resolvimos generando un índice completo del catálogo que el buscador del filtro consulta al vuelo: se escribe el nombre de cualquier artista y se llega a sus productos, esté o no en la lista que devuelve la plataforma. Sin servicios externos ni coste añadido. A eso se suma una guía A-Z de artistas generada de forma dinámica, con filtro por letra y búsqueda que ignora acentos.
Ficha de producto reconstruida
- Separación automática de artista y producto en el título, con el artista enlazado a su colección. Mejora la densidad de palabra clave y elimina la duplicación que penalizaba el SEO.
- Sistema de etiquetas automático que reconoce las distintas formas en que el equipo etiqueta los productos (preventas, ediciones limitadas, exclusivos), con colores editables sin tocar código.
- Preventas con fecha de entrega visible.
- Muestras de color reales en lugar de un desplegable de nombres, con cambio de imagen al seleccionar.
- Galería con zoom, barra de compra fija y reseñas integradas.
Búsqueda predictiva
Sugerencias en tiempo real con producto, artista y precio, con caché por consulta y cancelación de peticiones en vuelo. Sin apps de terceros.
Migración masiva
85 plantillas de colección migradas al nuevo sistema mediante scripts propios sobre la API de Shopify, junto a la estructura de menús completa. Cero productos tocados a mano.
Rendimiento y accesibilidad
Hoja de estilos única cargada una sola vez, tipografías precargadas, priorización de la primera imagen, imágenes responsive en todo el sitio y eliminación de scripts heredados que bloqueaban el renderizado. En accesibilidad: navegación completa por teclado, focus-trap en los paneles, etiquetado ARIA y contraste verificado.
Cada artista funciona como su propia marca dentro de D2FY —aquí, el minisite oficial de Loquillo— con identidad, navegación y campañas propias sobre la misma arquitectura.
Cómo trabajamos
El proyecto se desarrolló sobre un theme aislado, sin tocar en ningún momento la tienda en producción. Cada entrega se validaba en un entorno de revisión propio antes de pasar al cliente.
Antes de dar nada por bueno, sometimos el trabajo a una auditoría automatizada sobre navegador real: recorridos completos de compra en escritorio, tablet y móvil, midiendo estilos calculados, solapamientos y comportamiento de cada interacción.
Esa auditoría detectó cosas que ninguna revisión visual habría encontrado. La más relevante: en productos con combinaciones de talla y color incompletas, era posible añadir al carrito una variante distinta de la seleccionada. Un fallo silencioso, sin mensaje de error, que habría generado pedidos incorrectos desde el primer día.
Resultado
Una tienda con identidad propia, mantenible por el equipo del cliente sin depender de desarrollo para el día a día, y con la arquitectura necesaria para seguir creciendo en catálogo y en artistas. El sistema de secciones y la ficha reconstruida convierten un catálogo de casi 4.000 referencias y 692 artistas en una experiencia coherente, rápida y ampliable, donde cada artista puede tener su propia marca sin duplicar trabajo de desarrollo.
Equipo Atlas: José Daniel Expósito Marco (desarrollo) · Andrea Navarro Silla (diseño UX/UI).
¿Tu catálogo necesita arquitectura a medida?
Reconstruimos tiendas Shopify con miles de referencias en sistemas mantenibles por tu equipo, sin depender de desarrollo para el día a día.
Hablamos