Phase 01 · Stages 1–12 · Foundation

Graphic
Design.

The skill that starts everything. Most hireable, most versatile, most transferable. Every lesson in layout, colour, and type compounds into every tool you'll ever learn.

12stg
Duration
5–8
Portfolio pieces
6
Core tools
$150+
First project rate
💡

Design alone can get you your first client or job. Don't wait for all 4 skills. Start today and add skills as you go.

Stage by Stage

Twelve stages,
one clear path.

Every stage has a daily focus, a pro tip, and a concrete deliverable. Click any stage to expand it.

Daily Focus
📌 5 Core Design PrinciplesLearn the 5 principles every designer lives by: alignment (elements line up intentionally), repetition (consistent visual patterns), contrast (making things stand out), proximity (grouping related items), and balance (visual weight distribution). Find one real example of each from brands you already love.
Watch on YouTube
📌 Typography BasicsUnderstand the vocabulary of type: serif vs sans-serif (personality), weight (thin to bold), leading (line spacing), and kerning (space between letters). Create 3 type specimens in Canva — a headline layout, a pull quote, and a business card. This builds your eye before your software skills.
Watch on YouTube
📌 Visual Analysis & Critical EyeAnalyse 20 real logos on Behance. For each one write one sentence: what makes it work or fail? Focus on scale, simplicity, and whether it communicates the brand instantly. You're training your critical eye — this is what separates designers who improve fast from those who don't.
Watch on YouTube
📌 Typographic HierarchyDesign a poster using only typography — no images. Practice the three-level system: large headline → medium subheadline → small body text. Use one font family, three sizes. Hierarchy tells the reader where to look first, second, third — without it, everything competes for attention.
Watch on YouTube
📌 Composition & Visual WeightArrange 5 simple shapes on a blank canvas 10 different ways. Learn how size, density, and placement create visual weight — some arrangements will feel balanced, others tense or chaotic. Sketch on paper first. Understanding composition before software makes every future design decision faster.
Watch on YouTube
⚡ Stage 1 Cheatsheet — Visual Foundations
Alignment
Every element lines up with another — never place anything arbitrarily
Contrast
Make the most important thing the most visually different thing
Proximity
Group related items together; separate unrelated ones
Repetition
Repeat colours, fonts, shapes to create visual consistency
Balance
Distribute visual weight evenly — symmetrical or asymmetrical
Hierarchy Rule
Headline → Sub → Body: 3 sizes minimum, 1 font family
Canva Shortcut
T = text, R = rectangle, C = circle, Delete = remove
First Deliverable
A3 typographic poster, 3 hierarchy levels, saved as PDF
✦ Pro Tip

Don't open Figma yet. Use Canva this stage so you focus purely on design decisions, not software. You'll move to Figma in Stage 3 once you understand what you're actually building.

Daily Focus
📌 Colour Wheel & HarmoniesLearn the colour wheel relationships: complementary (opposite colours, high contrast), analogous (neighbouring colours, harmonious), triadic (3 evenly spaced, vibrant), and split-complementary (safer contrast). Build 5 palettes on Coolors.co and explain why each creates a specific mood.
Watch on YouTube
📌 Colour PsychologyMap emotions to colours: reds and yellows feel energetic, urgent, warm; blues and greens feel calm, trustworthy, cool. Design the same layout twice — once in warm tones, once in cool. This single exercise teaches more about colour mood than hours of reading theory.
Watch on YouTube
📌 Contrast & WCAG AccessibilityLearn the WCAG AA accessibility standard: text must have a minimum 4.5:1 contrast ratio against its background. Check all your Stage 1 work using WebAIM's contrast checker. Accessibility isn't optional — it's a professional requirement and will come up in every client project.
Watch on YouTube
📌 Extracting Palettes from PhotographyUse Adobe Color to pull a 5-colour palette from a photograph you love. Then rebuild a simple layout using only those extracted colours. Constrained palettes create instant visual harmony because nature already chose the ratios — you're borrowing its logic.
Watch on YouTube
📌 Brand Mood Boards & Colour DirectionsCreate a brand mood board for a fictional client with 3 colour directions, each targeting a different emotional register (e.g. bold/energetic, calm/premium, playful/friendly). Label each with 3 adjectives. This is the exact deliverable used in real client discovery meetings.
Watch on YouTube
⚡ Stage 2 Cheatsheet — Colour Theory
60/30/10 Rule
60% dominant · 30% secondary · 10% accent — always
Complementary
Opposite on wheel → high contrast, energetic, use sparingly
Analogous
Neighbours on wheel → calm, harmonious, natural
Triadic
3 equally spaced hues → vibrant, balanced, hard to misuse
WCAG AA
Normal text needs 4.5:1 contrast ratio — check WebAIM
Colour Temp
Warm (red/yellow) = energy · Cool (blue/green) = trust/calm
Adobe Color
Extract palettes from photos — nature's ratios are always harmonious
Deliverable
3 café palettes, 5 swatches each, rationale sentence per palette
✦ Pro Tip

Start with 60/30/10 — 60% dominant colour, 30% secondary, 10% accent. Almost every great design follows this ratio. Violate it deliberately only once you truly understand why it works.

Daily Focus
📌 Figma Interface & File SetupInstall Figma (free) and watch the official 'Figma for Beginners' 4-part series. Set up your first file with one page per project type. Learn the panels: Layers (left), Properties (right), and the toolbar. This is your primary tool for the entire course — invest this session properly.
Watch on YouTube
📌 Frames & ConstraintsLearn Frames (Figma's artboards with built-in responsive logic) and Constraints (rules for how elements scale when the frame resizes). Recreate a real website's hero section layout from scratch. Match it as closely as possible — precision forces you to observe spacing and proportion carefully.
Watch on YouTube
📌 Auto-Layout in FigmaAuto-layout is Figma's most powerful feature. It makes elements automatically resize and reposition like CSS flexbox. Build a button, a card, and a navigation bar using only auto-layout. These three patterns appear in almost every project — master them now and save hours later.
Watch on YouTube
📌 Components & VariantsComponents are reusable design elements. Variants let one component hold multiple states. Build a button set with 4 states: default, hover, active, disabled. Understanding variants is essential for building scalable design systems that real product teams use daily.
Watch on YouTube
📌 Design Tokens: Colour & Text StylesDesign tokens are named, reusable values — your colour library (8 colours) and text style library (6 sizes). Apply them to your Stage 2 café brand. When you change a token, every element using it updates automatically. This is your first taste of scalable, professional design workflow.
Watch on YouTube
⚡ Stage 3 Cheatsheet — Figma Essentials
Frame vs Group
Frame = artboard with constraints · Group = just grouping
Auto-Layout
Shift+A → makes elements stack/resize like CSS flexbox
Component
Cmd+Alt+K → create master; all instances update together
Variant
Add property to component for states: default/hover/active
Cmd+D
Duplicate selected element in place
Alt+Drag
Copy element while dragging
Styles
Right panel → fill icon → create style to save & reuse colours
Deliverable
Figma file: colour library + text styles + 3 components (public link)
✦ Pro Tip

Learn keyboard shortcuts from day one: Cmd+D (duplicate), Alt+drag (copy), Cmd+G (group), Cmd+R (rename). Designers who use shortcuts work 3× faster — clients and employers notice delivery speed.

Daily Focus
📌 8pt Spacing System & 12-Column GridThe 8pt grid system means every spacing value (margin, padding, gap) is a multiple of 8 (8, 16, 24, 32…). This creates instant visual rhythm. Set up a 12-column grid in Figma and redesign your Stage 1 poster inside it. You'll immediately notice how the grid makes decisions for you.
Watch on YouTube
📌 Editorial Layout DesignStudy magazine spreads from Vogue, Wired, and Bloomberg — pay attention to text columns, image placement, and white space use. Design two editorial layouts for a fictional travel article: one content-dense, one minimal. Both approaches are valid; the skill is choosing deliberately.
Watch on YouTube
📌 White Space as a Design ToolTake a busy design found online and create a simplified version by removing 40% of its elements. Notice what becomes clearer. White space isn't emptiness — it's breathing room that gives remaining elements more visual power. Most beginners over-fill; most professionals over-simplify.
Watch on YouTube
📌 Golden Ratio & Rule of ThirdsThe golden ratio (1:1.618) and rule of thirds are compositional frameworks found everywhere from photography to architecture. Design a hero section using each principle separately, then overlay the grid to see how it guided the eye. These aren't rules — they're starting points.
Watch on YouTube
📌 Responsive Design ThinkingDesign the same card layout at three breakpoints: mobile (375px), tablet (768px), and desktop (1440px). Document what changes at each — font size, column count, spacing, image crop. Responsive thinking is now a baseline expectation for all digital design work.
Watch on YouTube
⚡ Stage 4 Cheatsheet — Grids & Layout
8pt Grid
All spacing = multiples of 8: 8, 16, 24, 32, 40, 48…
12-Col Grid
Standard web grid: 12 cols, 24px gutter, 16px margin
White Space
If it feels too empty, it's probably right. Protect it.
Golden Ratio
1:1.618 — divide canvas at 61.8% for natural focal point
Rule of Thirds
3×3 grid overlay — place subjects at intersection points
Mobile (375px)
Single column, large tap targets, minimal text
Desktop (1440px)
Max content width 1120–1280px, centred
Deliverable
2 editorial layouts (dense + minimal), both on 8pt grid, on Behance
✦ Pro Tip

White space is not empty — it's active breathing room. When your layout feels "too empty," that's almost always right. Clients will try to fill it. Your job is to protect it. Space is what creates the feeling of quality.

Daily Focus
📌 5 Logo Types & ScalabilityLearn the 5 logo formats: wordmark (text-only, e.g. Google), lettermark (initials, e.g. IBM), brandmark (symbol only, e.g. Nike), combination mark (text + symbol), and emblem (enclosed design). For each, find 3 examples and ask: does it work at 16px favicon size?
Watch on YouTube
📌 Logo Sketching & IdeationSketch 20 logo concepts by hand for 'Atlas Coffee' — spend only 3 minutes per sketch. Volume of ideas beats quality of execution at this stage. Quantity forces you past obvious ideas into interesting territory. Never start on screen — paper removes the technical barrier and frees your thinking.
Watch on YouTube
📌 Vector Logos with Boolean OperationsVectorise your 3 best sketches in Figma using only rectangles, ellipses, and boolean operations: Union (combine), Subtract (cut a shape out), Intersect (keep overlap only), Exclude (remove overlap). No pen tool yet — working within constraints forces creative solutions.
Watch on YouTube
📌 Figma Pen Tool & Bezier CurvesThe pen tool creates custom vector paths using anchor points and bezier curves. Trace one of your logo sketches with precision. Then practice by tracing letterforms from a typeface you admire — this builds the muscle memory that makes logos feel refined and intentional.
Watch on YouTube
📌 Logo Suite: All VariationsA complete logo suite has at least 4 versions: primary horizontal (default use), stacked (compact vertical), icon-only mark (favicon/app icon), and reversed on dark. Test every version at 16px (favicon size) and 200px (signage size). If it fails at either extreme, redesign it.
Watch on YouTube
⚡ Stage 5 Cheatsheet — Logo Design
5 Logo Types
Wordmark · Lettermark · Brandmark · Combination · Emblem
Boolean: Union
Merge shapes into one combined outline
Boolean: Subtract
Cut the top shape out of the bottom shape
Boolean: Intersect
Keep only where both shapes overlap
Pen Tool
P to activate · click = corner · click+drag = curve
Bezier Handle
Alt+drag handle to break symmetry on a curve point
Logo Tests
Check at 16px (favicon) AND 200px (print). Both must work.
Deliverable
Atlas Coffee suite: horizontal + stacked + icon + reversed (PNG + SVG)
✦ Pro Tip

Great logos work at 16px as a favicon AND at 3 metres on a billboard. Test both extremes before you consider any logo finished. Simplicity isn't laziness — it's the hardest skill in design.

Daily Focus
📌 Platform Dimensions & Size LibraryEvery platform has exact pixel dimensions that affect how your design crops and renders. Learn them: Instagram feed (1080×1080 square, 1080×1350 portrait), Story/Reels (1080×1920), LinkedIn post (1200×628), Pinterest (1000×1500). Create a size preset library in Figma — you'll use it on every social project.
Watch on YouTube
📌 Carousel Design & Visual ContinuityA carousel is a series of slides that must feel like one connected visual story. Design a 5-slide educational carousel on a topic you know. Use consistent typography, colour, and a repeating layout system. The visual thread between slides is what keeps viewers swiping instead of scrolling past.
Watch on YouTube
📌 Story Template DesignStories have specific design constraints: 9:16 ratio, thumb zones to avoid, text-safe areas, and they display for only seconds. Create 3 Instagram story formats for Atlas Coffee — product announcement, customer quote, and behind-the-scenes. Each must be readable without reading — visuals carry the message first.
Watch on YouTube
📌 Scroll-Stopping Design PrinciplesThe single goal of social graphics: stop the thumb. The two reliable methods are high contrast (bold colour + strong type) and strong curiosity (incomplete information that makes you want to know more). Design two examples of each and compare — you're learning what interrupts automatic behaviour.
Watch on YouTube
📌 Template System DesignA template system is a set of designs sharing one colour palette, type style, and spacing framework. Build 10 social templates for Atlas Coffee (5 posts, 3 stories, 2 LinkedIn). Consistency across formats = brand recognition. This pack is also your first saleable product — it could sell for $25–$150 on Creative Market.
Watch on YouTube
⚡ Stage 6 Cheatsheet — Social Media Design
Instagram Feed
1080×1080 (square) · 1080×1350 (portrait, more reach)
Story / Reels
1080×1920 · Keep text 250px from top & bottom edges
LinkedIn Post
1200×628 · Text must be readable at thumbnail size
Carousel Logic
Slide 1 = hook · Slides 2–4 = value · Slide 5 = CTA
Scroll-Stop
High contrast OR strong curiosity gap — not both at once
Template System
1 palette + 1 type scale = consistent brand across all formats
Creative Market
20-template packs sell for $25–$150 — yours is ready after this stage
Deliverable
10-template pack (5 posts + 3 stories + 2 LinkedIn), PNG, on Behance
✦ Pro Tip

Template packs are your first passive income opportunity. A set of 20 branded social templates sells for $25–$150 on Creative Market. Build them well and you can sell the same work repeatedly.

Daily Focus
📌 Brand Strategy & Mood BoardsBefore any design, answer three questions for 'Form + Earth': who is it for, what does it stand for, and what makes it different? Build a mood board — a collection of images, textures, and colours that capture the feeling. Strategy prevents wasted design work. Brief before brush.
Watch on YouTube
📌 Logo & Colour System DesignDesign the logo and define the colour architecture: 2 primary colours (dominant), 1 accent (emphasis), 1 neutral (text/backgrounds). Write a short rationale justifying every colour choice before finalising anything. The rationale is what clients pay for — anyone can pick colours, but explaining why requires expertise.
Watch on YouTube
📌 Brand Typography PairingSelect two typefaces: one display font for personality (used for headlines, large type) and one body font for readability (used for paragraphs, small text). Apply both across three touchpoints: letterhead, business card, and website hero. See how the same brand changes feel across applications.
Watch on YouTube
📌 Photography Direction & IconographyDefine what the brand's photography looks and never looks like — lighting style, subject matter, colour grade, composition rules. Create do/don't visual reference pages. This is part of every real brand guidelines document and protects the brand when others create content for it.
Watch on YouTube
📌 Brand Guidelines PDFCompile all brand decisions into a brand guidelines document: logo rules (clear space, misuse examples), colour codes (HEX, RGB, CMYK), type hierarchy, spacing rules, photography guidelines. 8–12 pages. This is the deliverable that commands the highest fees in brand design.
Watch on YouTube
⚡ Stage 7 Cheatsheet — Brand Identity
Brand Strategy
Who is it for? What does it stand for? What makes it different?
Colour Architecture
2 primary + 1 accent + 1 neutral = complete colour system
Colour Codes
Always provide HEX (web) + RGB (screen) + CMYK (print)
Type Pairing
Display font (personality) + Body font (readability) — max 2
Photography Do/Don't
Define what photography looks like AND what it never looks like
Logo Clear Space
Minimum clear space = height of the logo's cap-height "X"
Guidelines Length
8–12 pages: logo rules, colour, type, spacing, photography
Deliverable
Full Form+Earth identity: logo + colour + type + photo + guidelines PDF
✦ Pro Tip

Brand guidelines aren't just a style reference — they're a decision-making tool for the client. Every rule should answer "why" as well as "what." Clients who understand their brand become better collaborators and pay more for the work.

Daily Focus
📌 YouTube Thumbnail DesignThumbnails compete at 120×90px in a grid of rivals — they must communicate in under a second. Analyse 20 top-performing thumbnails: most use face + bold text + high contrast + a curiosity gap (something unresolved that makes you click). Design 5 variations for a fictional video and compare which versions you'd click first.
Watch on YouTube
📌 Event Poster Design (Type-Only)Design an A2 concert poster using only typography — no photography allowed. This forces pure composition and hierarchy decisions. You must make type do everything: create mood, establish hierarchy, and attract attention. It's the hardest constraint in design and the most educational.
Watch on YouTube
📌 Print SpecificationsPrint design requires specific technical settings that digital design doesn't: 3mm bleed (extra edge that gets trimmed), safe zones (keep content 5mm from edges), CMYK colour mode (not RGB), and 300dpi resolution (not 72). Set up your poster file correctly and export a print-ready PDF.
Watch on YouTube
📌 Mockup PresentationMockups are photos or 3D renders with smart objects that let you place your design into a real-world context — a poster on a wall, a business card in a hand. Download free mockups from Figma Community or Freepik. Presentation is half the sale: mediocre work on a great mockup often outperforms brilliant work on a blank canvas.
Watch on YouTube
📌 Tri-fold Brochure LayoutA tri-fold has 6 panels across 2 sides — front cover, 3 inside panels, back cover, inside flap. Each panel must work alone and as part of the whole. Design a brochure for Atlas Coffee. This tests your ability to maintain layout consistency and information hierarchy across a complex multi-panel system.
Watch on YouTube
⚡ Stage 8 Cheatsheet — Print & Thumbnails
Thumbnail Rule
Face + bold text + high contrast + curiosity gap = clicks
Print Bleed
3mm bleed on all 4 sides beyond the trim line
Safe Zone
Keep all text/logos 5mm inside the trim edge
CMYK
Use CMYK for print, never RGB — colours shift significantly
Resolution
300dpi minimum for print · 72dpi for screen only
PDF Export
Figma → Export → PDF, then check bleed in Acrobat preview
Mockup Sources
Figma Community · Freepik · Mockup World — all free tiers
Deliverable
A2 concert poster + 5 thumbnails, both presented on mockups
✦ Pro Tip

Mockup presentation is half the job. A mediocre design on a beautiful mockup often outsells a brilliant design on a plain canvas. Invest 10 minutes on every piece before sharing it with anyone.

Daily Focus
📌 Building a Framer Portfolio SiteFramer lets you build a professional designer portfolio site without writing any code. Choose a minimal template, customise it with your brand colours and typefaces from Stage 3, and register yourname.com. A live URL is your most important professional asset — it's the first thing clients and employers look for.
Watch on YouTube
📌 Writing Design Case StudiesCase studies answer the client's real question: can you solve problems like mine? Structure each in 80–120 words: Problem (what needed solving) → Approach (how you thought about it) → Solution (what you designed) → Result (what happened). Clarity beats length — nobody reads long case studies.
Watch on YouTube
📌 Portfolio Mockup ConsistencyRe-export and re-mockup your top 5 pieces to a consistent visual standard — same mockup style, same background colour, same presentation format. Consistency across your portfolio reads as more professional than any single standout piece. It signals you understand brand, not just execution.
Watch on YouTube
📌 About Page Bio WritingWrite your bio in 100 words using this formula: who you design for + what you specialise in + your angle. 'I design brand identities for food and hospitality businesses' is 10× better than 'I'm a passionate creative who loves design.' Specificity signals expertise; vagueness signals uncertainty.
Watch on YouTube
📌 Publishing & Getting FeedbackPublish your site and send the URL to 5 people. Ask one question: 'Is it immediately clear what I do and who I do it for?' If 3 out of 5 hesitate, your positioning needs clarifying. Share on LinkedIn with a short post about what you built and what you learned — this begins your public design presence.
Watch on YouTube
⚡ Stage 9 Cheatsheet — Portfolio & Case Studies
Case Study Formula
Problem → Approach → Solution → Result (80–120 words)
Framer Setup
Minimal template + your colours + your type + custom domain
Bio Formula
"I design [what] for [who]" — specific beats passionate every time
Portfolio Rule
5 curated pieces beats 20 average pieces — always
Consistency
Same mockup style across all pieces = perceived professionalism
Contact Page
Email link + LinkedIn + portfolio on every page footer
Feedback Question
"Is it immediately clear what I do and who I do it for?"
Deliverable
Live URL: 5 projects, 3 case studies, bio, contact — share on LinkedIn
✦ Pro Tip

5 curated pieces with great case studies will always outperform 20 pieces with no context. Clients don't have time to guess what you were trying to achieve. Tell them clearly and they'll hire you faster.

Daily Focus
📌 Freelance Pricing ResearchReview 10 Fiverr and Upwork profiles in your niche to understand the market. Then set your own starting rates: logo from $150, social pack from $80, full brand identity from $400. Pricing too low signals low quality. Write these down as your formal price sheet — not an estimate, a document you own.
Watch on YouTube
📌 Proposal WritingA proposal is a one-page document covering: scope → deliverables → timeline → price → revision rounds → payment terms. Write a reusable template now. One page maximum — brevity signals professionalism. A signed proposal protects you legally and sets clear expectations before work begins.
Watch on YouTube
📌 Upwork & Fiverr Profile SetupCreate profiles on both platforms with a specific headline, focused bio, and 3 gig offerings using your portfolio as proof. The headline is the most-read element — be specific: 'Brand Identity Designer for Hospitality & Food Businesses' outperforms 'Creative Graphic Designer' in search and conversion.
Watch on YouTube
📌 LinkedIn Presence for DesignersUpdate your LinkedIn headline ('Graphic Designer — Brand Identity & Social Media'), add your portfolio URL, and write 3 posts this stage about your design learning process. LinkedIn drives inbound leads from businesses — clients trust platforms where they can verify your background and see social proof.
Watch on YouTube
📌 Cold Outreach StrategySend 10 messages to local businesses with dated or weak branding. The key: offer a free 5-minute brand audit, not a sales pitch. Spend 20 minutes making a before/after mockup for one real business and send it unsolicited. Demonstrating value before asking for anything converts 3–5× better than pitching.
Watch on YouTube
⚡ Stage 10 Cheatsheet — Pricing & Finding Clients
Starter Rates
Logo from $150 · Social pack from $80 · Full brand from $400
Proposal Structure
Scope → Deliverables → Timeline → Price → Revisions → Payment
Revision Limit
Always state "2 rounds of revisions included" upfront
Upwork Headline
Be specific: "Brand Identity Designer for Hospitality" not "Creative"
Cold Outreach
Offer free brand audit — not a pitch. Value first, ask second.
Before/After
Spend 20 mins making a before/after mockup for a real business
Follow-Up
Follow up once after 5 days. No response after that = move on.
Deliverable
Active Upwork + Fiverr + LinkedIn profiles. 10 outreach messages sent.
✦ Pro Tip

"Free audit" outreach converts 3–5× better than pitching. Spend 20 minutes making a before/after mockup for a real business and send it unsolicited. You're proving your value before asking for anything — this is how first clients are won.

Daily Focus
📌 Client Onboarding & BriefSend your first client a written brief questionnaire with 8 questions: who is the audience, who are the competitors, what is the tone, what examples do they love, what is the deadline? A written brief prevents misunderstandings and makes you look like a professional, not a freelancer doing favours.
Watch on YouTube
📌 Presenting Concepts (Not Finals)Present 2–3 initial directions — not finished designs. Show strategic options: 'Direction A is bold and modern, Direction B is warm and approachable — which feels closer to your vision?' Asking clients to choose between directions is far more productive than asking them to approve a finished piece.
Watch on YouTube
📌 Incorporating Feedback & RevisionsFeedback is not criticism — it's information about what the client needs. Don't defend your design; ask 'what feeling does this miss for you?' or 'what does the approved direction need more of?' Every real project includes revisions. The designers who thrive are the ones who use feedback to improve, not resist.
Watch on YouTube
📌 File Delivery & InvoicingDeliver a complete file package: PNG at multiple sizes, SVG (scalable), PDF (print-ready), and a one-page usage guide explaining which file to use where. Send an invoice via Wave or PayPal with clear payment terms (due within 7 days). Professional packaging justifies premium pricing.
Watch on YouTube
📌 Testimonials & Client RetentionWithin 3 days of delivery, ask for a written testimonial — make it easy by providing a prompt: 'How would you describe working with me and the result?' Add the project to your live portfolio with their permission. Follow up in 2 stages. This one habit converts one-time clients into repeat revenue.
Watch on YouTube
⚡ Stage 11 Cheatsheet — First Client Project
Brief Questions
Audience · Competitors · Tone · Examples they love · Deadline
Present Directions
Show 2–3 strategic directions, not 1 finished design
Feedback Response
"What feeling does this miss for you?" — not "Do you like it?"
Revision Mindset
Feedback = information. It refines the work, not your ego.
File Package
PNG (all sizes) + SVG + PDF + 1-page usage guide + invoice
Invoice Terms
Due within 7 days. Use Wave (free) or PayPal invoicing.
Testimonial Ask
Ask within 3 days of delivery — response rate drops after a week
Deliverable
Delivered + invoiced project · Written testimonial · Live on portfolio
✦ Pro Tip

State revision rounds upfront: "This project includes 2 rounds of revisions." Most clients won't use them — but the limit protects you from the 10% who revise endlessly. Boundaries make you look experienced, not difficult.

Daily Focus
📌 Portfolio AuditView your portfolio as a stranger would — remove anything you wouldn't want to be hired for, even if it took you a long time to make. 6 great pieces outperforms 12 mediocre ones every time. Your weakest piece sets the floor of what clients expect from you. Ruthless curation is a professional skill.
Watch on YouTube
📌 Design Skills Self-AssessmentRate yourself honestly 1–5 on six skills: typography, colour, layout, logo design, Figma proficiency, and client communication. Find your weakest area (usually the one you've been avoiding) and spend 2 focused hours on it today. Self-assessment without action is just self-awareness — convert it into deliberate practice.
Watch on YouTube
📌 Applying for Jobs & GigsApply for 10 junior designer jobs on LinkedIn or post 3 new gigs on Upwork/Fiverr. Apply before you feel ready — the gap between 'not ready' and 'ready' is never filled by more learning, only by real feedback from applications. A 10% response rate at this stage is positive data, not rejection.
Watch on YouTube
📌 Daily Design Practice HabitBlock 30 minutes every morning for deliberate practice before client work or job applications. Use Daily UI prompts, recreate designs you admire, or study one designer on Dribbble. Skill compounds daily — 30 minutes every day for 90 days creates a transformation that bingeing tutorials never does.
Watch on YouTube
📌 Introduction to Phase 2: Video EditingResearch CapCut (beginner-friendly, mobile) or DaVinci Resolve (professional, free desktop). Watch one intro video editing tutorial and notice how your design eye transfers immediately — colour grading uses the same principles as brand colour, composition in frames uses the same rules as layout. Your head start is real.
Watch on YouTube
⚡ Stage 12 Cheatsheet — Review & Phase 2 Prep
Portfolio Cull
Remove anything you wouldn't want to be hired for. 6 > 12.
Self-Rate
Score 1–5: typography · colour · layout · logo · Figma · client comms
Apply Early
Apply before you feel ready — feedback > self-study always
Daily Practice
30 min every morning before client work — block it for 90 days
Daily UI
100 design prompts by email — one per day, 30–60 mins each
Dribbble Habit
20 mins daily: ask "what's the grid? why does this feel premium?"
Phase 2 Tools
CapCut (mobile beginner) · DaVinci Resolve (free, professional)
You're a Designer
Portfolio live · 1 paid project · Profiles active · Phase 2 begins
✦ Pro Tip

You don't need all 4 skills to earn. Design supports a full freelance income on its own. But adding video editing in Phase 2 will increase your average project value by 40–60%. The skills stack on purpose — each multiplies the last.

Your Stack

Six tools,
one clear order.

Start with Canva in Stage 1, move to Figma in Stage 3. Layer in everything else only when you need it.

Stages 1–2 · Start Here
Canva
Drag-and-drop interface that lets you focus on design decisions without software friction. Learn layout, colour, and type here — then move to Figma once you understand what you're building.
Free · Graduate after Stage 2
Stage 3+ · Master This
Figma
The industry standard. UI, brand identity, social — it handles everything. Auto-layout and components make your work scalable. The free tier is more than enough for a full design practice.
Free · Never stop learning this
Stage 5+ · Advanced Vector
Illustrator
Adobe's vector tool for logos, illustrations, and print work. The pen tool is more precise than Figma's. Learn this after you're comfortable in Figma — it unlocks premium logo and print projects.
Paid · Optional but valuable
Stage 2+ · Post Everything
Behance
Adobe's portfolio platform — indexed by Google, browsed by clients and recruiters. Post every piece as you complete it. The progression across 12 stages is itself a compelling story.
Free · Start posting Stage 2
Stage 9 · Your Sales Asset
Framer
Build a beautiful portfolio site without code. A live URL with real work and written case studies converts more clients than any CV or PDF portfolio ever will.
Free tier available · Worth investing in
Daily · Train Your Eye
Dribbble
20 minutes every morning studying top designers. Ask for every piece: what is the grid? What is the hierarchy? Why does this feel expensive? This trains your eye faster than any course.
Free to browse · Make it a daily habit
Phase Milestones

Four things to prove
before Phase Two.

Don't rush to Video Editing until these are done. Each is a proof point — for clients, employers, and yourself.

💰
Land Your First Paid Project
Even $50 counts. A logo for a friend, a social pack for a local café, a poster for an event. Real money from real work is the milestone — not the amount. Once paid once, the barrier is gone forever.
🌐
Publish a Live Portfolio
A Framer site or Behance page with 5 pieces, each with a 3-sentence case study: Brief → Approach → Result. A live URL you can share immediately when someone asks. Without this, you don't exist as a designer.
Master Figma Fundamentals
Components, auto-layout, design tokens, variants. You should be able to take any brief and build it in Figma without Googling every step. Speed and confidence in your primary tool is non-negotiable.
🖊️
Apply to 10 Jobs or Gigs
LinkedIn, Upwork, Fiverr. Apply before you feel ready — real feedback improves you faster than more tutorials. A 10% response rate is normal and positive at this stage. Rejection is data, not failure.
Free Resources

Everything you need
costs nothing.

The highest-signal free resources for each part of the curriculum. Use one at a time — not all at once.

YouTube · Stages 1–8
Design Course
Gary Simon covers real UI and graphic design projects from brief to final file. Practical and project-based — far more useful than theory-only content.
Free
YouTube · Stages 3–12
Figma's Official Channel
Team-produced tutorials — the clearest and most current. Start with "Figma for Beginners" series of four parts, then continue learning components, layouts, and prototyping.
Free
YouTube · Stages 5–12
Flux Academy
Ran Segall covers freelance design business alongside the craft — pricing, clients, positioning. A rare combination of skill and business thinking.
Free
Tool · Ongoing
Coolors.co
Instant palette generator. Press spacebar to cycle. Lock colours to keep. Has contrast checking and export tools built in. Your daily colour companion.
Free
Practice · Stages 3–12
Daily UI Challenge
100 design prompts sent by email. Perfect for building Figma speed and filling your portfolio with varied work. One prompt a day, 30–60 minutes of focused practice.
Free
Reference · Stages 1–4
Google Fonts
1,400+ free fonts with category filters and pairing suggestions. Essential reference for every typography decision you'll make across all 12 stages.
Free
Earnings Reality

What design
actually pays.

Conservative freelance estimates at each stage. Assumes part-time effort (2–3 hrs/day). Full-time accelerates every number.

Stages 1–4
$0–$300
per month
Building proof. First project. Focus on portfolio, not profit.
Stages 5–8
$200–$800
per month
Portfolio live, social presence growing, first paying clients.
Stages 9–12
$500–$2k
per month
Repeat clients, referrals, applying for roles in parallel.
Post Phase 1
$2k–$5k
per month
Design + Video bundle unlocked. Retainer clients. You're a professional.
Up Next · Phase 02
Video Editing.

Your design eye is the unfair advantage. Knowing how to compose a frame, grade colour, and build hierarchy transfers directly into video. Short-form content is the highest-demand creative skill right now — and you already think visually.

Phase 2 →