Building a Design Portfolio
Showcase your work on Behance and Dribbble, explore tools beyond Canva (Figma, Adobe), navigate freelance design, and map out design career paths — your roadmap for what comes next.
She had no degree, no agency job, and no connections. She got hired at Shopify.
In 2020, Femke van Schoonhoven was a self-taught designer from the Netherlands sharing daily design challenges on YouTube and Dribbble. She had never worked at a design agency. She had no formal design education. What she had was a portfolio: 47 projects, meticulously documented, each one showing the problem, the process, and the result.
A recruiter at Shopify found her Dribbble profile while sourcing candidates for a senior product design role. Her portfolio didn't just show final designs — it showed thinking. Why she chose certain layouts. What she tested. What failed. How she iterated. The recruiter reached out. Femke got the interview, aced the portfolio review, and got the job.
The lesson: your portfolio is your resume, your interview, and your proof of skill — all in one. In creative fields, what you've made matters infinitely more than where you went to school.
What you'll walk away with: By the end of this module, you'll have a portfolio-ready case study, know where to host your work (Behance, Dribbble, or a personal site), understand when to level up from Canva to Figma or Adobe tools, and have a concrete freelance pricing guide and career roadmap. The carousels and thumbnails you built in Social Media Graphics are perfect first portfolio pieces.
What goes in a design portfolio (and what doesn't)
A portfolio isn't a gallery of every design you've ever made. It's a curated selection of your best work, structured to tell a story about your abilities.
Include:
| Project type | Why it belongs |
|---|---|
| Client or real-world work | Proves you've solved real problems for real people |
| Personal projects | Shows initiative, passion, and range beyond paid work |
| Case studies (process + result) | Demonstrates thinking, not just execution |
| Before/after redesigns | Shows you can identify and improve bad design |
| Variety of formats | Social graphics, presentations, branding, web — show range |
Exclude:
| What to leave out | Why |
|---|---|
| School assignments (unless exceptional) | They demonstrate following instructions, not independent thinking |
| Work you're not proud of | Your portfolio is only as strong as your weakest piece |
| Client work without permission | Always get written permission before showing client projects |
| 20+ projects | 6-12 strong projects beat 30 mediocre ones. Quality over quantity. |
✗ Weak portfolio
- ✗30+ projects with no curation
- ✗Final images only — no context
- ✗No description of the problem or process
- ✗All projects look the same (one format)
- ✗Generic file names: 'design1.png'
✓ Strong portfolio
- ✓8-12 carefully selected projects
- ✓Each project includes problem, process, and result
- ✓Written case study explaining design decisions
- ✓Variety of formats (social, web, brand, print)
- ✓Clear project titles with client/context
Where to host your portfolio
Behance (free, by Adobe)
Behance is the world's largest creative portfolio platform. It's free, highly searchable, and integrated with Adobe's creative ecosystem.
Best for: Visual designers, illustrators, branding designers, students, and anyone who wants maximum exposure.
| Strength | Limitation |
|---|---|
| Huge audience — recruiters actively browse | Less customizable than a personal website |
| Free and easy to set up | Adobe-owned ecosystem bias |
| Projects can be long-form (multi-image case studies) | Limited analytics on the free tier |
| SEO-friendly — projects rank in Google | Profile looks like every other Behance profile |
Dribbble (free + paid tiers)
Dribbble started as an invitation-only designer community and evolved into a portfolio platform. It's more curated and design-focused than Behance.
Best for: UI/UX designers, brand designers, illustrators, and freelancers looking for clients.
| Strength | Limitation |
|---|---|
| High-quality design community | Free tier limited to a few "shots" |
| Clients use Dribbble to find freelancers | Best features require Pro ($8/month) |
| Portfolio shots are bite-sized — easy to browse | Less room for full case studies (better as teasers) |
| Strong design job board | Smaller audience than Behance |
Personal website (Webflow, Squarespace, Framer, or custom)
A personal website gives you full control over layout, storytelling, and branding.
Best for: Serious freelancers, designers applying for senior roles, and anyone who wants to stand out from template-based portfolio platforms.
| Strength | Limitation |
|---|---|
| Full creative control | Requires more setup time and effort |
| Your own domain (yourname.com) | Costs money (domain + hosting) |
| Can include blog, about page, services, contact | No built-in audience — you drive your own traffic |
| The portfolio itself demonstrates your design skill | Needs maintenance and updates |
There Are No Dumb Questions
"Do I need all three (Behance + Dribbble + website)?"
Start with one. Behance if you want exposure with minimal effort. A personal website if you want full control. Dribbble if you're targeting design clients. Once you're established, use Behance and Dribbble as top-of-funnel discovery, and your personal website as the deep-dive destination. Link everything together.
"I just finished this course and have no 'real' work to show. What do I put in my portfolio?"
Redesigns. Pick 3-5 real brands, apps, or websites with design problems you can see, and redesign them. Document the before, your analysis of what's wrong, and your improved version. These "unsolicited redesigns" are one of the most effective portfolio-building strategies for beginners. The brand didn't hire you — but the case study proves you can think and execute like someone they would hire.
Create Your First Case Study
50 XPPick a design you've created during this track (from Module 3 or Module 4) or redesign something that exists. Structure it as a portfolio-ready case study: 1. **The brief** — What was the goal? Who was the audience? 2. **The constraint** — What limitations did you work within? (Time, tools, brand guidelines) 3. **The process** — What research did you do? What options did you explore? What did you reject and why? 4. **The result** — The final design, presented in context (mockup on a phone, laptop, or platform preview) 5. **The reflection** — What would you do differently next time? Upload it to Behance or save it for your portfolio site. _Hint: The "process" section is what separates a portfolio piece from a screenshot. Include early sketches, alternate versions, and your reasoning. Hiring managers want to see how you think, not just what you made._
Sign in to earn XPDesign tools beyond Canva: when to level up
Canva is excellent for social graphics, presentations, and basic brand materials. But as your design skills grow, you'll hit its limitations. Here's the landscape:
Figma (free tier available)
What it is: A browser-based interface design tool used by most tech companies for product and web design.
When to learn it: When you want to design websites, apps, or digital products. When you want to collaborate with developers. When you're pursuing UI/UX design as a career.
| Figma strength | What it enables |
|---|---|
| Component-based design | Reusable elements that update everywhere at once |
| Auto layout | Responsive designs that adapt to different content |
| Prototyping | Clickable, interactive mockups without code |
| Developer handoff | Developers can inspect your design and extract CSS, colors, and spacing |
| Real-time collaboration | Multiple designers edit the same file simultaneously (like Google Docs) |
Adobe Creative Cloud
What it is: The professional design suite — Photoshop, Illustrator, InDesign, and more.
| Tool | Best for | When you need it |
|---|---|---|
| Photoshop | Photo editing, compositing, digital art | Advanced photo manipulation beyond Canva's background remover |
| Illustrator | Vector graphics, logos, icons, print design | When you need infinitely scalable graphics (logos, signage) |
| InDesign | Multi-page layouts — books, magazines, reports | When you're designing documents longer than a few pages |
| After Effects | Motion graphics, video effects | When you need custom animations beyond Canva's presets |
| Premiere Pro | Video editing | When you outgrow Canva's video editor |
The learning path:
<classifychallenge xp="25" title="Pick the Right Tool" items={["Design an interactive mobile app prototype with clickable screens","Create a scalable company logo that looks sharp on a billboard and a business card","Batch-produce 10 branded Instagram posts for next week","Composite a product photo onto a lifestyle background with realistic shadows","Animate a 15-second logo reveal for a YouTube intro"]} options={["Canva","Figma","Illustrator","Photoshop","After Effects"]} hint="Match each task to the tool best suited for it. Canva handles social content and presentations. Figma handles UI/UX and prototyping. Illustrator handles vector graphics. Photoshop handles photo manipulation. After Effects handles motion graphics.">
Freelance design: getting paid for your skills
The freelance design market is massive — and the skills from this course are directly monetizable.
Freelance design services you can offer now:
| Service | Typical pricing (starter) | Platform |
|---|---|---|
| Social media graphics package (10 posts) | $150-$500 | Fiverr, Upwork |
| Instagram carousel design | $50-$150 per carousel | Fiverr, direct clients |
| Brand identity kit (logo + colors + fonts) | $300-$1,000 | Upwork, 99designs |
| Presentation design (10-20 slides) | $200-$600 | Upwork, direct clients |
| YouTube thumbnail package (5 thumbnails) | $75-$250 | Fiverr, direct outreach |
How to land your first client:
1. Build your portfolio. 5-8 case studies on Behance or a personal site. Include unsolicited redesigns if you don't have client work yet.
2. Pick one niche. "Social media graphics for fitness coaches" is more compelling than "I do all kinds of design." Niching makes you memorable and referral-worthy.
3. Start on platforms. Fiverr and Upwork have built-in demand. Your first 3-5 jobs will be underpaid — treat them as portfolio-building investments.
4. Outreach to local businesses. Coffee shops, gyms, real estate agents, and restaurants need design help but can't afford agencies. Offer a small project at a fair price. A real client project is worth more to your portfolio than 10 personal projects.
5. Share your process publicly. Post your designs on LinkedIn and Instagram. Clients find designers through content, not job boards.
There Are No Dumb Questions
"Can I really charge for designs made in Canva?"
Absolutely. Clients pay for the outcome (a professional-looking social media feed, a presentation that wins deals, a brand that looks credible) — not the tool you used. Nobody asks a writer what word processor they used. The same applies to design. Canva, Figma, Photoshop — it doesn't matter if the result is professional.
"How do I transition from freelance to a full-time design job?"
Your freelance portfolio IS your application. Document your best client projects as case studies. Apply to junior or mid-level design roles at startups (they're more flexible about formal credentials). Emphasize that you've already done the work — for real clients, with real constraints, for real money. That's more impressive than a degree to most hiring managers.
Design career paths: where this can go
| Career path | What you do | Required skills | Avg. salary (US, 2024) |
|---|---|---|---|
| Social media designer | Create graphics for brands' social channels | Canva/Figma, brand systems, platform dimensions | $45K-$70K |
| Brand designer | Build visual identities (logos, color systems, guidelines) | Illustrator, typography, strategy | $55K-$85K |
| UI/UX designer | Design apps and websites | Figma, user research, prototyping | $75K-$120K |
| Motion designer | Animate graphics and create video content | After Effects, Premiere, animation principles | $65K-$100K |
| Creative director | Lead a design team, set visual strategy | All of the above + leadership + 8-10 years experience | $100K-$160K |
| Freelance designer | All of the above, on your own terms | Design skills + business development + client management | $40K-$150K+ (varies widely) |
Design Your Career Roadmap
25 XPBased on what you've learned across all 5 modules, create a personal design career roadmap: 1. **Where you are now:** What skills do you have? What have you built during this course? 2. **Where you want to be in 6 months:** What kind of design work do you want to be doing? For whom? 3. **The gap:** What skills, tools, or portfolio pieces do you need to get there? 4. **The plan:** 3 specific actions for the next 30 days (e.g., "Complete 3 Behance case studies," "Learn Figma auto-layout," "Pitch 2 local businesses for social media graphics") _Hint: The most important line in this roadmap is the 30-day action plan. Vision without action is just a mood board._
Sign in to earn XPThe complete graphic design toolkit (everything from this course)
| Category | Tools and concepts |
|---|---|
| Principles | CRAP (Contrast, Repetition, Alignment, Proximity), visual hierarchy, white space, composition, rule of thirds |
| Color | Color wheel, 60-30-10 rule, color psychology, WCAG accessibility, palette tools (Coolors, Adobe Color) |
| Typography | Serif vs. sans-serif, font pairing, typographic hierarchy, line length/height rules, Google Fonts |
| Design tool | Canva (Brand Kit, templates, Magic Resize, Background Remover, presentations, batch workflows) |
| Social media | Platform dimensions, carousel structure, Story safe zones, thumbnail formula, branded content, batch creation |
| Portfolio | Case study structure, Behance, Dribbble, personal website, unsolicited redesigns |
| Career | Freelance pricing, client acquisition, tool learning path, design career paths |
Back to Femke's Dribbble page
Remember Femke van Schoonhoven — no degree, no agency, no connections? Her secret wasn't raw talent. It was documentation. She didn't just post finished designs — she showed the brief, the constraints, the iterations, the failures, and the final result. That's exactly the case study structure you learned in this module. A Shopify recruiter didn't find a pretty picture — they found a designer who could think. You now have the same playbook: the design principles to evaluate, the colour and type systems to implement, the Canva skills to execute, the social media formats to distribute, and the portfolio framework to prove it all. The only thing left is to do the work.
Key takeaways
- Your portfolio is your resume — 6-12 strong case studies with problem/process/result beat a list of credentials every time.
- Case studies show thinking, not just output — include the brief, constraints, process, alternatives you rejected, and the final result in context.
- Start on Behance (free, maximum exposure) and build toward a personal website as you establish yourself.
- Canva is stage 1; Figma is stage 2 — learn tools in sequence based on what your goals demand, not because they sound impressive.
- Freelance design is immediately monetizable — social media graphics, carousels, and presentation design are in high demand at accessible price points.
- Pick a niche for freelance work — "social media graphics for fitness coaches" beats "I do all kinds of design" for memorability and referrals.
Where to go from here: You've completed the Graphic Design track. Your next moves depend on your goals. If you want to deepen your marketing skills, explore the Digital Marketing Mastery or Social Media Marketing tracks. If you want to build a freelance business around your design skills, the Freelancing & Remote Work track covers client acquisition and pricing strategy. And if you want to learn the web technologies behind the designs you've been creating, check out Web Development. Whatever you choose — build something this week.
Knowledge Check
1.A hiring manager is reviewing two design portfolios. Portfolio A has 30 designs shown as final images with no context. Portfolio B has 8 projects, each with a written case study showing the brief, process, iterations, and result. Which portfolio is stronger, and why?
2.A self-taught designer has no client work to show in their portfolio. What is the most effective strategy to build a professional-looking portfolio from scratch?
3.An aspiring designer wants to learn Figma, Photoshop, Illustrator, and After Effects simultaneously to be 'job-ready' as fast as possible. What's wrong with this approach?
4.A freelance designer on Fiverr describes their services as 'I do all kinds of design — logos, social media, websites, flyers, video editing, presentations, and more.' Why is this positioning likely to underperform?