EBM String Pro
Site de encordoamento de raquetes em que um quiz de 5 passos, um catálogo e um comparador ajudam o jogador a escolher a corda.
- Cliente
- EBM String Pro (racquet stringing, Florianópolis)
- Papel
- Design, texto e desenvolvimento
- Ano
- 2026
- Stack
- Astro 5, React 19 islands, Tailwind v4, Motion, Hono (API stub), Cloudflare Pages + Workers, pnpm workspace
ebmstring.pro
O problema
Tornar fácil de entender uma compra técnica (qual corda, com que tensão) para um serviço local de encordoamento com busca e entrega. Construí um site em Astro com ilhas React: o quiz 'String Finder', catálogo filtrável com radar hexagonal, comparador de até três cordas lado a lado e catálogo em PDF para baixar.
Destaques
- String Finder: 5 perguntas pontuadas em 6 eixos (potência, spin, controle, durabilidade, conforto, tensão), com top 3, % de match e radar
- Design 'Pro Tension System': fundo preto, destaque lima, cantos 0 px, Saira Condensed + Archivo + EB Garamond
- Site estático que só hidrata as ilhas interativas; faixa arrastável com logos de marcas em monocromático
ebmstring.pro
Mobile