Inicio / Portfolio / Configurador 3D de pistas de pádel
Caso de estudio · Configurador 3D y planificador
Configurador 3D de pistas de pádel
Una herramienta de venta para fabricantes de pistas: el cliente diseña su pista paso a paso, la ve en 3D con su logo y envía la solicitud.

- Formato
- Configurador web en 6 pasos y planificador de instalaciones
- Opciones
- Medida, tipo de pista, césped, color, estructura RAL e iluminación
- Tecnología
- React Three Fiber, Three.js, Vite, Blender
- Idiomas
- Español e inglés, metros y pies
- Servicios
- Diseño UX/UI, Modelado y optimización 3D, Ingeniería WebGL (React Three Fiber), Shaders y materiales, Planificador de instalaciones
La idea
Un fabricante de pistas de pádel vende un producto con muchas combinaciones: medida, cristal o malla, tipo de césped, colores e iluminación. Explicarlo por PDF y email lleva semanas de idas y vueltas. En el configurador, el cliente lo decide paso a paso mientras ve su pista en 3D, con el logo de su club en los cristales y en la red, y al final la añade a la cesta y envía la solicitud.
Cómo está hecho
- La pista sale de un modelo de Blender, optimizado para que cargue rápido en el móvil.
- El césped lleva relieve real de cada tipo (monofilamento o texturizado) y el color se aplica en tiempo real.
- Las líneas reglamentarias se pintan en un shader, a su medida exacta, y el cristal tiene transparencia física.
- Funciona igual en el móvil: la pista arriba y las opciones debajo.
El planificador de pistas
Antes de elegir acabados, el cliente necesita saber cuántas pistas le caben. El planificador lo calcula: se le describe la nave o la parcela con palabras, o se dibuja a mano con sus pilares y accesos, y prueba cientos de distribuciones en segundos. Respeta separaciones, franjas libres ante las puertas, recorridos de evacuación y altura libre, y explica por qué elige cada una.
El resultado se recorre en 3D y se descarga como dossier en PDF. Desde ahí, cada pista pasa al configurador para elegir su acabado.






Servicios relacionados
¿Quieres algo así para tu marca?
Hablemos →Más proyectos
- Tabasco · Web de producto 3D con WebGLWeb · UX/UI · Alimentación
- Motor de cuatro tiempos · Curso interactivo en 3DFormación · Three.js · Formación técnica
- Domingueros · Vinos y mapa 3D en directoWeb 3D · Packaging · Vinícola
- t' Gouden Mandeken · Web 3D para hosteleríaWeb · Three.js · Hostelería
- St. Peter's Abbey (Gante) · Propuesta de mercado gastronómicoBranding · Gestión de proyectos · Hostelería y ocio