TAUROZSTUDIO ✳
← Trabajo

Setenta30

Dirección de arte · E-commerce2026 Fase privada

Setenta30 hace pantalones a medida en Barcelona con tejido italiano confeccionado en España. La web es la presentación de la marca contada como una secuencia editorial — tela, corte, decisión— con la tienda al final del recorrido.

La marca controla quién entra mientras prepara el lanzamiento: por eso esta pieza se enseña aquí y no con un enlace público.

Recorte de Setenta30: «El pantalón te define.» en serif roja sobre crema
Cliente
Setenta30
Sector
Moda a medida
Alcance
Dirección de arte · Web-experiencia · E-commerce · Pasarela de pago
Stack
HTML/CSS/JS a mano · Stripe · Supabase · Resend · Vercel

El encargo

Una marca de pantalones a medida no vende una prenda: vende un criterio. El encargo era que la web no pareciera una tienda, sino la presentación de ese criterio — y que aun así se pudiera comprar.

Lo que hicimos

  • Dirección de arte completa: serif editorial y rojo de marca sobre crema.
  • Web construida como secuencia de diapositivas, con navegación propia.
  • Relato de producto en escala: 0%, 15%, 30% y 45% de estructura.
  • E-commerce con acceso por código físico incluido en una caja.
  • Checkout con pago real, gestión de pedidos y aviso por correo.
✳ La web por dentro 04 pantallas
Setenta30 — La escala de estructura
01 La escala de estructura El relato de producto avanza en porcentajes — 0%, 15%, 30%, 45% — y cada uno enuncia un grado de estructura con una cifra enorme. El número hace de índice: sabes dónde estás sin barra de progreso.
Setenta30 — Segunda página — la caja
02 Segunda página — la caja Un sitio dentro del sitio: fondo rojo profundo frente al crema de la marca, para que se note que has cruzado una puerta. Aquí la caja física deja de ser un embalaje y pasa a ser la entrada.
Setenta30 — El tejido, antes que la prenda
03 El tejido, antes que la prenda Tejido italiano fotografiado de cerca, sin producto todavía. La marca argumenta desde la materia prima: primero el origen, después la ropa.
Setenta30 — Acceso con código
04 Acceso con código «Introduce el número que encontrarás dentro de la caja». La compra exige un código impreso, así que el objeto y la web quedan cosidos — y el comprador casual se queda fuera.
Setenta30 — móvil 1
Setenta30 — móvil 2
Setenta30 — móvil 3
En el móvil En móvil la secuencia se conserva entera: mismo relato, mismo ritmo y la misma navegación por diapositivas. No hay versión reducida.
✳ Decisiones Por qué así
  • 01

    Diapositivas, no scroll

    El scroll infinito deja al visitante marcar el ritmo; aquí el ritmo es parte del producto. Motor de navegación propio, sin librería de carrusel.

  • 02

    El código de caja como llave

    Comprar exige un código impreso que llega en una caja física. Une el objeto y la web, y filtra al comprador casual.

  • 03

    Escrito a mano, sin framework

    HTML, CSS y JavaScript propios: la secuencia necesitaba control fino de transiciones y carga, no un sistema de componentes.