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 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. |
✗ Without AI
- ✗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'
✓ With AI
- ✓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 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 |
Monthly active users (millions, approximate 2024 estimates)
The learning path:
Stage 1: Canva — Social media, basic brand materials, presentations. You're here now.
Stage 2: Figma — Website mockups, app design, UI components. Free to start. Learn when you're ready for digital product design.
Stage 3: Illustrator — Custom logos, icons, vector artwork. Learn when you need graphics that scale to any size.
Stage 4: Photoshop — Advanced photo editing, compositing. Learn when Canva's photo tools aren't enough.
Stage 5: Specialize — After Effects for motion, InDesign for print, Premiere for video. Learn only what your career path demands.
Tool Assessment
25 XPFreelance 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 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 |
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.
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?