Enter PIN
progress.sidhanth.in
designsuite.ai
designsuite.ai — Learning Roadmap

Webflow Certification
Tracker

Active — Apr 2026
🎯 Deadline: Jun 30, 2026
⏱ 1–2 hrs/day
📅 14 Weeks
—
Days left
—
Weeks left
0
Weeks done
0%
Topics done
Overall Progress 0% complete
0
Topics done
0
In progress
42
Remaining
0
Weeks done
—
Best score
💾 Data backup Saved!
📅 Planner
✅ Topics
📊 Mock Exams
Phase 01
Foundation — Editor & Layout
Apr 1 – Apr 21
🏁 Milestone: Fully responsive static landing page from scratch
Week 01
✓
Webflow Editor, Box Model & Spacing
Webflow University Designer basics. Understand how CSS properties map directly to the panel. Build 3 layouts.
Webflow UniversityBox ModelSpacing
Week 02
✓
Flexbox, Grid & Responsive Logic
Rebuild a hero section daily. Focus on breakpoints cascading Desktop → Tablet → Mobile. No pixel-pushing.
FlexboxCSS GridResponsive
Week 03
✓
Class System, Combo Classes & Typography
Clone + dissect 2 Webflow showcase sites. Master combo class logic — Webflow's biggest differentiator from Elementor.
Class SystemCombo ClassesTypography
Phase 02
CMS & Dynamic Content
Apr 22 – May 12
🏁 Milestone: Fully functional blog/portfolio CMS — publishable quality
Week 04
✓
CMS Collections, Fields & Templates
Build a blog with 5+ collection fields. Map to your ACF + CPT mental model from WordPress.
CollectionsCMS FieldsTemplates
Week 05
✓
Collection Lists, Filters & Dynamic Data
Add a dynamic portfolio section with category filtering. Build collection list layouts for blog grid.
Collection ListsDynamic DataFilters
Week 06
✓
Finsweet CMS Attributes & Pagination
Implement Finsweet filter + load more on a blog. The no-code power layer for CMS sites.
FinsweetPaginationLoad More
Phase 03
Interactions, IX2 & Animations
May 13 – Jun 2
🏁 Milestone: Animated SaaS landing page — portfolio-worthy for designsuite.ai
Week 07
✓
IX2 Basics — Triggers, Timelines & Scroll
Animate your Phase 1 landing page using IX2. Scroll-into-view, mouse move, and page load triggers.
IX2Scroll TriggersTimelines
Week 08
✓
Page Transitions, Micro Interactions & Hovers
Rebuild a SaaS hero with full interactions. Hover states, button micro-animations, nav transitions.
Page TransitionsMicro InteractionsHovers
Week 09
✓
Custom GSAP Inside Webflow
Use custom code embeds for animations IX2 can't handle. Your existing GSAP knowledge is an advantage here.
GSAPCustom CodeScrollTrigger
Phase 04
Exam Prep & Certification
Jun 3 – Jun 30
🏁 Milestone: Webflow Certification — Submitted & Passed
Week 10
✓
SEO, Site Settings & Publishing Workflow
Full site audit — meta, OG tags, sitemap, redirects, 301s. Understand Webflow's publishing pipeline.
SEOPublishingSite Audit
Week 11
✓
Client Handoff, Editor Mode & Style Guide
Simulate a full client handoff. Editor mode restrictions, style guide setup, and client onboarding flow.
Client HandoffEditor ModeStyle Guide
Week 12
✓
Ecommerce Basics
Build a 5-product store. Exam covers Ecommerce. Cover product pages, cart, checkout flow.
EcommerceProduct PagesCheckout
Week 13
✓
Mock Exam + Weak Area Revision
Retake all Webflow University quizzes. Identify gaps and revisit modules. Time yourself under exam conditions.
Mock ExamRevisionWFU Quizzes
Week 14
✓
Final Project Polish + Exam Attempt
Polish your best project for portfolio. Submit the Webflow certification exam. You're ready.
Final ProjectCertification🎓 Exam Day
Target score: 80%+ to pass the Webflow Associate certification.
Webflow University quizzes are a reliable proxy — use them as mock exams weekly.
Track scores here to spot improvement trends over time.
designsuite.ai — Webflow Cert 2026
Click topics to cycle status · 📝 icon to add notes · Export JSON to back up