Un mar de verdad en WebGL
El fondo es una superficie de agua calculada en tiempo real, no un vídeo en bucle. Reacciona al scroll y nunca repite el mismo fotograma, que es exactamente lo que delata a un vídeo de stock.
E-commerce · Surf
Rompiente
Caso de diseño y desarrollo web para e-commerce deportivo
Tablas y neoprenos: un mar en WebGL de fondo y el producto siempre delante.
- Sector
- E-commerce deportivo
- Tecnología
- Next.js · React Three Fiber · WebGL · Tailwind CSS
- Web
- Ver en vivo
- Servicio
- Tiendas online a medida
El encargo
Una tienda de surf compite con gigantes que tienen más catálogo y mejor precio. Lo único que no le pueden copiar es el ambiente: quien compra una tabla está comprando los días de mar que vienen detrás.
Decisiones
El producto, siempre por delante
La regla que gobierna toda la pieza: el mar es fondo y jamás compite con la tabla. En cuanto el efecto empieza a robarle contraste al producto, el efecto pierde.
El WebGL se apaga cuando estorba
En móvil, con puntero grueso o con `prefers-reduced-motion` activado, la escena 3D ni siquiera se monta y entra una alternativa en DOM. Un contexto WebGL cuesta batería, y quien compra desde el móvil en la playa no tiene batería que gastar.
Otros proyectos
¿Quieres algo así para tu negocio?
Cuéntame qué necesitas y te digo qué cuesta y cuándo estaría. Sin compromiso.