HyperCoach Landing
2026WordPress to Custom Build
Problem
The marketing site was a WordPress.com theme on a mapped domain, still served from a wordpress.com subdomain underneath. That put a ceiling on everything: the page leaned on stock photography and a carousel widget, spacing and type were whatever the theme decided, and the four product pillars were four rows of picture-beside-paragraph. HyperCoach sells a product with a distinct visual language, and none of it reached the page a prospect saw first.
Approach
Rebuilt as a route inside the product app rather than a separate marketing stack, so the site and the app share one design system instead of drifting apart — React and TypeScript on Vite, Tailwind v4 design tokens, Motion for the interaction work. The four pillars became a scroll-linked walkthrough: the copy advances as you scroll while a pinned product visual tracks alongside it, so each claim is shown in the interface rather than illustrated with a stock photo.
Contribution
Pricing went from three columns of plain text to a real comparison: a monthly and annual billing toggle with the annual saving stated, a highlighted most popular tier, and the full feature list per plan so buyers stop guessing what they get. Alongside it, custom illustration replaced the stock library across the page, and the site finally shipped the Open Graph and Twitter card metadata the WordPress build never had, so a shared link renders properly.
Stack
- Frontend
- React, TypeScript, Vite, Tailwind CSS, Motion
Details
- Role
- Software Developer
- Team
- 2 engineers
- Timeframe
- 2026
- Scope
- Marketing Site Redesign