Design Portfolio: Complete guide

Product reviewed (subject of the video)

The video is a complete guide to creating a design portfolio, focusing on:

• Which platform to use
• How to structure and design the portfolio (hero section, work presentation, case studies)

Three tools are explicitly compared.

---

Key platforms/tools compared

1) Webflow

Main features / strengths

• General website-building platform (not only portfolios)
• Supports custom work, including interactions (“can do anything”)
• Many portfolio templates (some free)
• Can start for free and publish on a webflow.io domain

Pros

• Highly flexible and powerful for advanced/unique portfolio builds
• Useful for building full client websites too (broader than portfolios only)

Cons

• Learning curve; may be too slow if you need a portfolio immediately
• More setup/effort than portfolio-dedicated tools

---

2) Carbonmade

Main features / strengths

• Built specifically for online creative portfolios
• Drag-and-drop workflow
• Typography/layout-strong templates
• Templates for multiple creative types (graphic, UX, photography, 3D)

Pros

• Easiest way to start quickly if you don’t already have a workflow
• Portfolio-focused, reducing time spent deciding/building from scratch
• Includes a free domain (dot site) and a free trial

Cons

• Not free (payment required after trial/hosting)
• Less flexible than full website platforms like Webflow (implied via template approach)

---

3) Simplice

Main features / strengths

• Portfolio tool as a WordPress plugin
• Templates/components plus customizable animations
• Best fit if you already maintain a WordPress site

Pros

• Strong choice if you’re already on WordPress
• One-time payment (avoids recurring subscriptions typical of Webflow/Carbonmade, as stated)
• Highly customizable animations/components

Cons

• Not ideal if you don’t want to work with WordPress
• More dependent on your existing stack than Webflow

---

Portfolio design guidance (what the guide emphasizes)

Hero section: what to include

The video stresses the hero must quickly answer: Who are you, what do you do, and why hire you?

Unique points mentioned:

• Use a clear profile image/photo so clients can identify who they’d be working with (trust matters)
• Include your services/value proposition (e.g., “web designer and photographer,” or “graphic designer / Webflow expert”)
• Add social proof via logos (recognizable brands)
• Provide a clear call to action (CTA) (e.g., “Start a project together” / “Contact”)
• Convey personality via playful or studio-quality imagery, depending on your brand

Example-based hero differences

• Basil: strong headshot + services + logos + obvious CTA (credibility + next step)
• Nikhila: playful personality and image; CTA exists but is a little too hidden; value proposition is less direct
• Dennis: high-end studio photo + friendly vibe + micro-animations; no direct CTA (called out as a downside), but still impressive

---

Presenting work (key UX/presentation rules)

Unique points mentioned:

• Avoid defaulting to raw screenshots from tools (Figma/PSD/XD)
• Present work in an art-directed way:
  • Rounded corners, drop shadows, consistent styling
  • Show designs in context (devices, backgrounds, brand colors)
  • Use multiple views for clarity
  • Add animation/short motion where possible to avoid “boring” static presentation

---

Case studies: what to include and how to write them

Unique points mentioned:

• People don’t like reading a lot on the web → keep text succinct
• Use headlines and skimmable structure
• Focus on:
  • The goal of the project and the end result early
  • Final work with art direction (cropping/tilt/background/drop shadows; break the feed for context)
  • Supporting visuals that help storytelling (even if some images aren’t the exact design you created)
• End case studies with:
  • A quote from a happy client (recommended)
• If others contributed (photo/production/etc.):
  • Clearly explain your role and provide credits

Case study examples described

• Basil/Bezel: goal + end result early; scroll-based “scroll me”; art-directed screenshots; includes client context
• Nikhila: more text than typical (noted as heavy), but uses animation/interactions—highlighted as especially important for UI/web

---

Pros / Cons (overall from the video)

Pros of the approach

• Clear, structured portfolio flow: hero → teaser work → case studies
• Strong emphasis on trust signals (photo, social proof, CTA) and skimmability
• High-quality presentation advice: art direction, context, motion, and role clarity

Cons / risks

• Choosing the wrong platform could slow you down (Webflow learning curve)
• If your graphic design skills are weak, DIY may be harder—though templates can reduce this risk

---

Overall recommendation / verdict

• Choose Webflow if you want maximum flexibility, advanced interactions, and can handle the learning curve.
• Choose Carbonmade if you want the fastest, portfolio-dedicated setup with drag-and-drop templates.
• Choose Simplice if you’re already on WordPress and want customizable animations with a one-time cost.

Main takeaway for portfolio effectiveness: Don’t just build pages—structure your hero, present work with art direction (not raw screenshots), and keep case study writing skimmable and outcome-focused.

---

Unique points mentioned (consolidated)

1. Stop procrastinating and answer key portfolio questions (tool choice, hero section, work presentation).
2. Compare three tools: Webflow, Carbonmade, Simplice.
3. Webflow: powerful custom interactions; learning curve; has portfolio templates; free start + webflow.io publishing.
4. Carbonmade: portfolio-only tool; drag-and-drop; strong typography/layout templates; easy to start; free trial + free dot-site; not free.
5. Simplice: WordPress plugin; customizable templates/components; animation/customization; one-time payment; best if you already use WordPress.
6. Hero purpose: “Who are you, what do you do, why hire you.”
7. Hero should include: headshot, what you do/value proposition, social proof/logos, and CTA.
8. Hero pitfalls/opportunities: hidden CTA (Nikhila), missing direct CTA (Dennis), high-quality photos + vibe alignment (all examples).
9. Present work properly: avoid plain tool screenshots; use styling + context.
10. Apply art direction: rounded corners/shadows, brand backgrounds, device framing, multiple views.
11. Use animation/short video to show interactions and reduce “boring” presentation (especially for UI/web).
12. Case study writing should be succinct and headline-driven (people skim).
13. Show goal + end result early; minimize text; use art-directed visuals and feed breaks for context.
14. Use client testimonial quotes to strengthen credibility.
15. Be clear about your role and credit collaborators.
16. “Portfolio as business card”: first 5 seconds matter—graphic design fundamentals (color, typography, imagery) are crucial.
17. If design skills aren’t strong yet, rely on templates rather than customizing everything.
18. Get a good photo of yourself and ensure case studies present you successfully.

---

Speakers/views

• Single primary speaker (author/designer with “20 years of experience,” reviewing hundreds of portfolios)
• The video references portfolio examples (Basil/Bezel, Nikhila, Dennis) to illustrate points, but they are not separate speakers.