ENROLL IN THIS MASTERCLASS TO VIEW THIS LESSON
The end-to-end ultimate Framer masterclass course.
In this challenge, you’ll follow Ryan through a complete marketing site. This build shows you how to structure a scalable project in Framer, using dynamic content, responsive layouts, and live publishing.
You'll create a full site using CMS Collections, Project Pages, a fully linked Navbar, and a responsive Footer, then go live.
This build sets the foundation for the Intermediate Quiz, which is required to unlock the Advanced Module + Certificate.
What You’ll Do
Open a fresh Framer project
Use the provided assets to grab assets and layout
Follow along with Ryan in the next 3 lessons
Pause and build as you go
Publish your final site and share the link
You can:
Follow Ryan exactly
Or, add your own colors, layout tweaks, or style enhancements
Core Requirements
Section | Requirements |
|---|---|
Navbar | Sticky header, working links |
Hero | Name, tagline, clear CTA |
CMS Grid | Display featured projects dynamically |
CMS Project Pages | Full case study layout for each project |
About/Contact Section | Include your bio or a contact form |
Footer | Links, copyright, social icons |
Responsive | Clean layout across devices |
Interactions | Hover or scroll animations |
Published | Site is live and shareable |
What You’ll Submit
Your Framer Remix Link
Your Preview Lin
A quick Self Check form
What You’ll Need
Framer
Provided assets (CMS Article + images)
Lessons "Intermediate site: 1,2,3"
What Comes Next?
Completing this build and passing the Intermediate Quiz unlocks the Advanced Lessons and brings you one step closer to Intermediate and Advanced certifications.
