Mocco: Webflow Website Template for Online Courses
Kazi Mohammed Erfan
Mocco — a Webflow website template for online course businesses
Mocco is our own Webflow website template for course creators, coaches and online academies. It is a template we sell, not client work.
Type: Website template (our own) · What we did: Design and Webflow build · Platform: Webflow · Pages: 29 · Live demo: mocco.webflow.io
About the template
People compare the teacher, the lessons and the price before they enroll in a course. Mocco follows that path: find a course, meet the teacher, check the lessons, pick a plan, enroll.
What we did
Explain how it works in steps
A step-by-step section shows new visitors how to sign up and start learning, with the sign-up form right next to the text.
Courses from the CMS
Courses live in a Webflow CMS collection. Each one gets its own detail page with the curriculum, lessons and learning outcomes, so the owner adds a course without touching the layout.
Teacher profiles
A second CMS collection holds the instructors, each with a profile page for their background and the courses they teach.
Sections that sell the course
Bold colour blocks and cut-out photos keep the page friendly and easy to scan, with one clear button in each section.
A section for a global audience
A scrolling strip of greetings in many languages shows that the school teaches students everywhere.
Proof points and motion
Short proof lines sit next to a class photo. GSAP animations, 3D transforms and a responsive CSS grid keep the pages moving and working on every screen size.
Also included: a blog CMS, tiered pricing pages, a student learning view, video lesson layouts, FAQ, contact and 404 pages, and the Figma file.
Working on something similar?
I design and build websites in Webflow for startups and education businesses. Message me here on Contra.
Like this project
Posted Oct 24, 2026
Our own Webflow template for course creators and online academies: 29 pages, CMS for courses, instructors and blog, and GSAP animations.
