▒▓█ OPERATION: FREELANCE █▓▒
// THE WEBFLOW SKILL TREE // v1.0
LVL 01
NOVICE
QUESTS 0/31
BOSSES 0/3
FROM ZERO TO FREELANCE
// the webflow skill tree
> You can change your life. Starts now.
> The key is already in your hands.
> This is the path. Tested. Linear. Proven.
> Don't overthink. Don't deviate. Just follow.
> Nine chapters. Three bosses. Two waves. One outcome:
> You ship for money.
>
> The key is already in your hands.
> This is the path. Tested. Linear. Proven.
> Don't overthink. Don't deviate. Just follow.
> Nine chapters. Three bosses. Two waves. One outcome:
> You ship for money.
>
> This is the path Creoglyph followed.
> Other paths exist. Other frameworks. Other teachers.
> This one is opinionated on purpose.
> Follow it blindly and you will get somewhere.
> Where exactly depends on you.
> What's promised: a real, sequenced path from zero.
> What's not promised: a job. That part is on you.
> Other paths exist. Other frameworks. Other teachers.
> This one is opinionated on purpose.
> Follow it blindly and you will get somewhere.
> Where exactly depends on you.
> What's promised: a real, sequenced path from zero.
> What's not promised: a job. That part is on you.
[ ARSENAL // ALWAYS UNLOCKED ]
POWER-UPS
// break the no-code ceiling
> Webflow + Lumos gets you 90%. These tools break the rest.
> Filtering, animations, components, marketplaces. Free range.
> Always available. Bookmark them. Use them on the bosses.
> Filtering, animations, components, marketplaces. Free range.
> Always available. Bookmark them. Use them on the bosses.
[ FIELD MANUAL // CLASSIFIED ]
OPERATOR TRADECRAFT
// the unwritten rules
> Techniques learned the hard way, written down so you don't have to.
> The forum farming move below is the one that turns learners into builders.
> The forum farming move below is the one that turns learners into builders.
[ DEEP DIVES // EXPERT TIER // OPTIONAL ]
THE MASTERCLASSES
// find your teacher
> Free content gets you 80%. Paid advanced courses get you the last 20%, the kind that turns competent into expert.
> The two below are personal picks. The point isn't these specifically. The point is to find YOUR teacher.
> Sample their free content first. The one whose voice you can listen to for hours, whose teaching style makes things click. That's the one. Buy a course. Go all the way through. No skipping.
> Become elite.
> The two below are personal picks. The point isn't these specifically. The point is to find YOUR teacher.
> Sample their free content first. The one whose voice you can listen to for hours, whose teaching style makes things click. That's the one. Buy a course. Go all the way through. No skipping.
> Become elite.
⚠ WARNING // PROVING GROUND // WAVE 01 ⚠
THE GAUNTLET I
// two sites. pure webflow + lumos. ship before you upgrade.
▸ MISSION BRIEF
> Watching videos doesn't make you a builder. Shipping does.
> Clone two real production sites with pure Webflow + Lumos. No JS, no GSAP. Yet.
> Fluid responsive. 320px, 768px, 1440px. All clean.
> Deploy each to a *.webflow.io subdomain.
> Run PageSpeed Insights. Performance and Best Practices ≥ 90 on mobile and desktop.
> Clear both. Then unlock the animation chapter.
> Clone two real production sites with pure Webflow + Lumos. No JS, no GSAP. Yet.
> Fluid responsive. 320px, 768px, 1440px. All clean.
> Deploy each to a *.webflow.io subdomain.
> Run PageSpeed Insights. Performance and Best Practices ≥ 90 on mobile and desktop.
> Clear both. Then unlock the animation chapter.
⚠ WARNING // FINAL PROVING GROUND // WAVE 02 ⚠
THE GAUNTLET II
// one site. full toolkit. the test that separates pros from beginners.
▸ MISSION BRIEF
> You have the animation stack now. Time to use it.
> One scroll-driven masterpiece. Pinned heroes. Sticky reveals. The works.
> Same rules: fluid responsive, deployed, PageSpeed ≥ 90.
> Clear this and you're a builder. Real, working, freelance-ready.
> One scroll-driven masterpiece. Pinned heroes. Sticky reveals. The works.
> Same rules: fluid responsive, deployed, PageSpeed ≥ 90.
> Clear this and you're a builder. Real, working, freelance-ready.
GO FREELANCE
> Skills acquired. Patterns drilled. Framework owned.
> The key worked. The door is open.
> Now ship work. Build a portfolio. Charge real money.
> Your life. Different now. Go.
[ FAQ // QUESTIONS PEOPLE ASK ]
FREQUENTLY ASKED
// the answers, up front
What is Operation: Freelance?
A free, gamified, self-paced learning path that takes someone from zero coding experience to professional Webflow freelancer. 31 quests across 9 chapters plus 3 boss-tier real-world site rebuilds. Built for self-directed learners who prefer a structured path over an unstructured bootcamp.
Who is this for?
Anyone who wants to learn Webflow and earn real money as a freelancer. No prior coding experience required. Especially designed for self-directed learners who want sequenced content rather than scattered tutorials.
How long does it take?
Roughly 80 to 150 hours of focused work depending on pace and prior experience. Designed to take 2 to 4 months of evenings and weekends. Progress saves automatically and you can return anytime.
Is it really free?
Yes. Every linked resource is fully free or has a free entry point. The two optional advanced masterclasses (Sheryians Coding School, Web Dev Simplified) are paid, but their free YouTube content is recommended first to confirm teaching-style fit.
What language are the resources in?
Most resources are in English (Webflow University, Lumos Framework by Timothy Ricks, GSAP docs, Figma help, javascript.info, the AI tools, the business chapter, all platform documentation). Only the Chapter 1 Foundations videos are in Hindi, because Sheryians teaches HTML and CSS better than any English creator I've found. Non-Hindi speakers will see a clearly marked English alternative on those quests pointing to Kyle from Web Dev Simplified, who teaches the same fundamentals at the same caliber. Either path works. Pick the teacher whose voice you can listen to for hours.
What is Webflow?
Webflow is a visual development platform that lets you design, build, and publish production-grade responsive websites without writing code by hand. Used by Stripe, Vercel, and thousands of freelance developers and agencies.
What is the Lumos Framework?
Lumos is a CSS framework for Webflow built by Timothy Ricks. It is what professional Webflow developers actually use in production. Chapter 4 covers Lumos end-to-end with the official crash course and two live builds.
Why does each quest require typing a phrase?
It is a discipline gate. Typing "I am ready" forces intentionality before advancing. Without it, you would click through resources without engaging. The friction is the point. For boss completions you type "I built this site" to claim victory only after you have actually built and deployed the clone.
What if I get stuck?
Chapter 8 is built for exactly this: community contribution. Go to the Webflow community forum, find threads where people are stuck, solve their problems. Every problem you solve is a real-world rep. The Field Manual's Protocol 01 covers the tactic in detail. This is the move that turns learners into builders.
What happens after I finish?
Chapter 9 covers the freelance business: setting prices, writing proposals, finding clients, taking international payment, and building a portfolio. The 3 boss-tier site rebuilds (Linear, Vercel, Apple AirPods Pro) become portfolio pieces you can show actual clients.