Dana Shape: diseño de tienda Shopify para una marca de fajas

El problema de la categoría

Los sitios de fajas tienden a verse clínicos. Fondos beige, diagramas técnicos, lenguaje prestado de los catálogos de material sanitario. Encaja raro con un producto que la gente compra para sentirse bien, y hace que toda la categoría parezca estar pidiendo disculpas.

Dana Shape quería vender el mismo producto sin ese marco. La tarea era construir una tienda que se leyera como una boutique y no como una farmacia, sin perder la información práctica que exige una compra que depende del calce.

Qué significó en la práctica

Fotografía en vez de diagramas. El producto se muestra puesto, a escala real, con la interfaz retirándose. El detalle de tallas sigue ahí, pero vive dentro de la página de producto en lugar de dominar el catálogo.

Filtros organizados por calce, no por referencia interna. Quien compra en esta categoría está resolviendo un problema concreto, así que los filtros usan su lenguaje y no la taxonomía interna de productos.

Una arquitectura de cinco páginas, a propósito. Inicio, sobre nosotros, catálogo, producto y contacto. Cada una con un solo trabajo. Las páginas de más en una tienda pequeña diluyen el camino a la compra y le dan a los buscadores contenido pobre que indexar.

Paleta neutra y una sola familia tipográfica. La contención aquí es funcional. Cuando la interfaz calla, la fotografía de producto carga con el peso emocional, que es exactamente donde debe estar.

El wireflow fue primero

Mapeé el recorrido completo antes de diseñar una sola pantalla, porque el punto de fallo en esta categoría es predecible: alguien encuentra un producto que le gusta, no consigue averiguar su talla y se va.

El flujo aborda eso de frente. La guía de tallas está en el momento de la duda y no en una página aparte que nadie visita, y la página de producto responde la pregunta del calce antes de pedir la venta.

Cuatro etapas:

1. La llegada establece el tono de la marca y saca a la vista los productos destacados.
2. La navegación lleva al catálogo con filtros que acotan rápido.
3. La página de producto resuelve el calce y muestra la pieza a escala real.
4. Una sola acción de compra sin ambigüedad.

Stack

Construido sobre Shopify, que se encarga del inventario, los pagos y el despacho sin necesidad de backend a medida. Para una marca en esta etapa el intercambio es el correcto: menos control sobre el proceso de pago, muchísima menos carga operativa.

La fotografía de producto se procesó con compresión ajustada imagen por imagen, no con un valor único para todas. Las imágenes de moda son lo más pesado de una tienda así, y la diferencia entre una exportación pensada y una por defecto se mide en segundos de carga en móvil.

Las microinteracciones se limitaron a cambios de estado: hover, selección y confirmación al carrito. Lo justo para que la interfaz se sienta viva, no lo suficiente para frenarla.

Resultado

Una tienda que la marca puede gestionar sin desarrollo, con un catálogo que escala a medida que crece la colección.

¿Vas a montar una tienda Shopify?

El trabajo de diseño que de verdad importa suele ocurrir antes de lo visual: mapear dónde duda la gente y responderlo justo ahí. Escríbeme si es ahí donde se te atasca la tuya.