Design · Learning project
Growthschool Course Page
One-to-one Figma recreation of a GrowthSchool course page: navy hero with demo video, a key-stats strip, tabbed sections and a clear Buy Now action.
A course page with one clear action
A navy hero with demo video, a key-stats strip, tabbed content and persistent Buy Now actions.
- learning project
- 1:1 recreate
- learning project
GrowthSchool course page - tool
- Figma
- tool
layout, type and components - format
- Web UI
- format
responsive course page
Overview.
A one-to-one recreation of a GrowthSchool course page in Figma, done to sharpen layout, typography and component skills against a real, polished reference.
It covers the pieces of a conversion-focused course page: a navy hero with a demo video, a strip of key stats, tabbed content sections and persistent Buy Now actions.
What stood out.
- 01
Pixel-level study
Layout, type and spacing were reproduced closely to understand the underlying system.
- 02
Reusable components
Buttons, tabs, stat tiles and cards were built as components rather than one-off shapes.
- 03
Conversion hierarchy
The page keeps a single primary action visible from the hero to the tab bar.
Have something to build?
Let’s talk.
I’m currently full-time at SaaS Labs and taking on a select number of freelance projects on the side. I’m always open to chat, connect with new people and explore new opportunities.
