HF Team — Assessoria Esportiva

The project

An online running-coaching business has to sell three things at once: the method, the coach authority and the feeling of belonging to a team. The site is built around a single concept — "from zero to 42 km with strategy" — which becomes a course ruler repeated from the first section to the last. The visual identity comes from the client own brand: the black-to-green gradient of the team jersey is the gradient that structures the whole page.

Technical highlights

• Team leaderboard with four metrics — time, pace, improvement and volume — crossed with distance, period, sex, age bracket and result type
• Age brackets and age rule as swappable configuration, not logic inside components
• All commercial content isolated in a data layer: prices, plans, testimonials and products change without touching JSX
• Type contracts already prepared for the future athlete area, without building it
• CSS-driven animation with React deciding only when to reveal — a hydration failure never leaves a blank page
• All motion disabled under prefers-reduced-motion, on a site whose theme is speed