EBM String Pro
Un sitio de encordado de tenis donde un quiz de 5 pasos, un catálogo y un comparador ayudan a los jugadores a elegir su cuerda.
- Cliente
- EBM String Pro (racquet stringing, Florianópolis)
- Rol
- Diseño, textos y desarrollo
- Año
- 2026
- Stack
- Astro 5, React 19 islands, Tailwind v4, Motion, Hono (API stub), Cloudflare Pages + Workers, pnpm workspace
ebmstring.pro
El problema
Hacer fácil de entender una compra técnica (qué cuerda y con qué tensión) para un servicio local de encordado con retiro y entrega. Construí un sitio en Astro con islas de React: el quiz «String Finder», un catálogo filtrable con gráficos de radar hexagonales, un comparador lado a lado de hasta tres cuerdas y un catálogo en PDF descargable.
Destacados
- String Finder: 5 preguntas puntuadas en 6 ejes (potencia, efecto, control, durabilidad, confort, tensión) que dan un top 3 con porcentaje de afinidad y un gráfico de radar
- Diseño «Pro Tension System»: fondo negro, acento lima, esquinas de 0 px, Saira Condensed + Archivo + EB Garamond
- Sitio estático que solo hidrata las islas interactivas; carrusel arrastrable de logos de marcas en monocromo
ebmstring.pro
Móvil