OUTFIT® — La colección de un estudio como tienda editorial
OUTFIT® es la colección de ropa insignia de un estudio de diseño. La tienda también es una pieza de portafolio, así que tenía que vender la ropa y mostrar el oficio del estudio en la misma composición.
El reto
El merchandising propio de un estudio carga una doble exigencia: tiene que convertir como una tienda y verse como el mejor trabajo que hizo el estudio. Las plantillas de comercio electrónico fallan en lo segundo; un sitio puramente editorial falla en lo primero.
El enfoque
Tratamos la tienda como un catálogo impreso con un carrito funcionando. El logotipo ocupa todo el ancho de la página, la fotografía de producto corre debajo en una grilla continua y los elementos de compra —bolsa, menú, precio, categoría— se mantienen pequeños y tipográficos en vez de encajonados y llenos de botones.
La tipografía como sistema de marca completo
El nombre se compone de borde a borde en una grotesca condensada, con el símbolo de marca registrada metido en la última letra. Ese único elemento hace el trabajo de marca, así que el resto de la página puede quedarse callado y dejar que las prendas pongan el color.
El texto de apoyo va pequeño y en rojo sobre blanco roto, en una columna al lado del logotipo y no centrado debajo: más cerca de la cabecera de una revista que de una portada de marketing.
Una grilla que se lee como un lookbook
Los productos corren en una grilla pareja, sin tarjetas, sin bordes y sin paneles al pasar el cursor. Cada artículo es una fotografía, un nombre, un precio y una categoría, compuestos con la misma tipografía que el texto editorial.
Quitar el marco de las tarjetas es lo que hace que se lea como un catálogo y no como una plantilla. También significa que la fotografía marca el ritmo de la página, que es justo el punto cuando la dirección de arte del estudio es parte de lo que se vende.
Comercio que no estorba
La bolsa y el menú viven en las esquinas superiores como texto simple. Nada late, nada flota, no hay interrupciones promocionales. El carrito siempre está a mano y nunca suena más fuerte que el producto.
Desarrollo
El frontend es una aplicación Next.js desplegada en Vercel, con Shopify detrás encargándose del catálogo, el pago y el inventario. Esa división mantiene la tienda dirigida por completo desde el diseño y deja lo que un dueño de tienda necesita cambiar —productos, precios, stock— en la herramienta hecha para eso.
Qué entregamos
- Tienda editorial con una cabecera tipográfica a todo el ancho
- Grilla de productos sin tarjetas, que se lee como un lookbook
- Frontend en Next.js sobre Shopify para catálogo y pago
- Desplegado en Vercel
Preguntas frecuentes
Porque la tienda funciona también como pieza de portafolio. Un tema habría limitado la dirección de arte; un frontend en Next.js sobre Shopify deja libre el diseño mientras el pago, el inventario y el catálogo siguen en la plataforma hecha para eso.
El marco de las tarjetas hace que una página se lea como una plantilla. Sin él, la fotografía marca el ritmo, y eso importa cuando la dirección de arte del estudio es parte de lo que se vende.
El cliente, en Shopify. Solo la capa de presentación es a medida.
Por dentro del sitio
«Queríamos que la tienda se sintiera más como una editorial de moda que como una tienda de Shopify estándar. Sakura entendió la dirección de inmediato. El resultado se siente premium y aun así funciona como una tienda de verdad.»