Atag Studio · Diseño Web · Comercio
Landing Page .
Atag es una marca andaluza de moda circular: prendas hechas a partir de materiales recuperados, con tiradas cortas y producción local. Llevaban dos años funcionando desde Instagram y vendiendo por DM, pero necesitaban un sitio propio donde el catálogo viviera fuera del scroll de una red social.
El reto
La marca tiene una estética muy clara —editorial, minimalista, mucha foto a página completa— y no quería una tienda online clásica al uso. Le sobraba ruido. Le faltaba narrativa. La pregunta era: ¿cómo construir una web que funcione como catálogo, vitrina y carta de presentación a un mismo tiempo, sin recargar la marca con un Shopify lleno de elementos que sobran?
Sumamos un segundo requisito difícil de combinar: el coste de mantenimiento tenía que ser cero o casi cero. Nada de pagar 30 € al mes por una pasarela y un CMS que no se aprovechaban.
Cómo lo planteamos
Decidimos hacer una landing extendida de una sola página, dividida en secciones largas, con un catálogo dinámico que abre modal con detalle del producto y un formulario para pedir prenda. Sin pasarela de pago propia: cada compra arranca por mensaje directo o por el formulario.
El stack lo dejamos lo más simple posible: HTML, CSS y JavaScript sin frameworks pesados, alojado en Vercel. Sin React, sin CMS, sin backend. Para una marca de este volumen, simplificar era la decisión correcta.
Qué entregamos
- Diseño UI desde cero, sin plantillas ni temas.
- Sistema editorial con tipografía serif para titulares y sans-serif para cuerpo.
- Catálogo dinámico con filtros por categoría y modal de detalle.
- Formulario de pedido conectado a Formspree (sin backend propio).
- Animaciones en scroll discretas, pensadas para acompañar la lectura.
- Optimización de imágenes y carga progresiva.
- Despliegue continuo en Vercel desde repositorio Git.
El resultado
Lo que importa en una marca de moda no es solo cómo se ve la web; es cómo encaja con el resto del ecosistema. Atag pasa de "vendemos por Instagram" a tener una vitrina permanente que respeta el mismo lenguaje de la marca y que reduce la fricción del cliente que descubre la marca y quiere ver el catálogo completo.
Stack final: HTML · CSS · JavaScript vanilla · Vercel · Formspree.
Lo que pasó
después de la entrega.
Lo que conseguimos con el lanzamiento:
- Carga inferior a 1 segundo en móvil 4G según mediciones de PageSpeed Insights.
- Cero coste mensual de mantenimiento (Vercel free + Formspree free para el volumen actual).
- Aumento del 40% en consultas de pedido durante el primer mes, comparado con el mes anterior solo con Instagram.
- Identidad visual coherente entre Instagram y web. La marca deja de tener "presencia partida" entre dos canales con estéticas diferentes.
- Tasa de rebote del 28%, muy por debajo del 55% medio del sector e-commerce de moda.
La marca puede ahora compartir la URL en colaboraciones, prensa o lookbooks sin tener que disculparse por no tener web. Y desde el panel de Vercel, cualquier persona del equipo puede ver visitas y mensajes en tiempo real.
¿Tienes un proyecto parecido?
Una llamada de 20 minutos y te decimos qué necesita tu negocio. Sin compromisos.
Hablar con nosotros →