Demo navegable · Moda urbana y colecciones cápsula
Grafito
Plantilla para moda urbana y colecciones cápsula.
Hero gobernado por el cursor (dos vídeos que se funden) + galería de producto dispersa que escala con el scroll.
- Piezas incluidas
- 8
- Estilos
- 3
- Sectores
- 2
Diseño web para moda urbana y colecciones cápsula
Plantilla editorial para marcas de moda urbana y colecciones cápsula: hero a pantalla completa donde el cursor funde dos vídeos del producto, un panel negro que sube desde abajo hasta cubrir la pantalla y una galería dispersa de piezas que escalan al entrar y salir del encuadre, todo enlazado al scroll sin saltos. Cierre en blanco con precio y CTA «ver» que sella la pieza como una edición de archivo, no un catálogo más.
Grafito es una demo navegable para moda urbana y colecciones cápsula. Está pensada para que quien entra entienda rápido qué ofrecéis y acabe contactando o reservando; la adaptamos a vuestra marca, vuestros textos y vuestros servicios.
La demo está construida con Astro y Svelte, el mismo stack que usamos en producción. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que vuestro negocio se encuentre en buscadores y asistentes de IA.
Qué incluye
- Hero con dos vídeos que se funden según la posición del cursor
- Zona muerta central + guarda anti-parpadeo (currentTime solo si no está buscando)
- Panel negro que sube desde abajo hasta cubrir la pantalla
- Galería de producto dispersa: cada pieza escala al entrar y salir del encuadre
- Todo enlazado al scroll con un único bucle requestAnimationFrame
- Cursor a medida y textos en mezcla «exclusion» (legibles sobre cualquier fondo)
- Cierre en blanco con precio, CTA «ver» y pie editorial
- Móvil: vídeos alternos autoreproducidos, sin cursor ni scrub
Temas relacionados. Del mismo sector o con estilos en común.
La web vende. El sistema sirve el pedido.
Una tienda online se juega el margen detrás del escaparate: búsqueda interna, stock y personalización. Estas demos enseñan hasta dónde lo llevamos a medida.
-
Necesidad 01 · Inventario y almacén
Pedidos, preparación y devoluciones
Del pedido pagado a su entrega: oleadas de picking sobre el almacén, transportista por peso y destino y devoluciones con su reembolso de demostración.
-
Necesidad 02 · Comercio y buscadores
Buscador que entiende al cliente
Búsqueda con corrección de erratas y un orden de resultados que podéis explicar y ajustar, sin pagar un servicio externo por consulta.
-
Necesidad 03 · Comercio y buscadores
Configurador de producto
Personalización visual —colores, nombre, piezas— con el pedido exportado listo para producción.
Sistemas a medida de