• mindful design
  • student success
  • product design
  • ui/ux design
  • watch me work
  • design careers
  • design inspiration

10 Exceptional Product Design Portfolios with Case Study Breakdowns

After working with many designers throughout my own career and helping many more build their job-ready portfolios, there are a few designers that I keep coming back to for inspiration and some that are inspiring a new generation of UI/UX and Product Designers to enter the field.

I've chosen 10 of our favorite UI/UX and Product Designers—a colorful tapestry of digital product architects that have evolved from graphic designers, marketers, architects, engineers and everything in-between. Their unique backgrounds and journey bring something special to our industry and illustrate how we can all do more meaningful, interesting and impactful work:

There are 10 things in particular that make these 10 designers really stand out:

  • They have each honed their craft from the bottom up (whether having gone through a traditional academic program, an online course like DesignerUp , or being self-taught).
  • They are all at different stages of their careers (some newly minted and others seasoned veterans).
  • They continue to learn, grow, push the envelope, document and share their genuine experiences.
  • They each hail from a different background (and sometimes non-design industry) that informs who they are and what they work on as a designer.
  • Their evolution is apparent in their work.
  • They are passionate about the problems they solve and find joy in connecting with the users they serve.
  • They are transparent about their processes, thoughtful in their communication about it and not afraid to show what worked and what didn't.
  • They have focused portfolios that reveal their unique point of view as a designer.
  • They are a diverse group of designers from different cultural, gender and socio-economic backgrounds.
  • They have so much to teach us all about design and how to use it to express authenticity and to understand and help others do the same.

Homepage for Simon Pan's Portfolio

Case Study Format:   http://simonpan.com/work/uber/

  • The Challenge
  • Early Insights
  • Reframing the Problem
  • The Redesign
  • Design Strategy
“In a city as busy as San Francisco, over $1 million was wasted per week because of problematic pickups.”

Madeline Wukusick

Improving mentral health case study screen

Madeline is a graduate of our DesignerUp Product Design course. She was able to create an incredible portfolio working through our curriculum, blended with her background in graphic and data design that set her up for immediate success landing professional design roles.

Case Study Format:

  • The Observed Problem
  • The Research
  • In the Insights
  • The proposed How Might We Statements
  • Lean Canvas and Product Strategy
  • Business Requirements
  • The Solutions and MVP Features
  • Things that could be improved
"Thanks for helping me work through these iterations—it's been tremendously helpful! You have such a knack for fine-tuning and teasing out subtle themes that I hadn't noticed before. From these comments, I have a better sense of some of my growth areas to work on and ways in which to push myself. It also helped me realize that I am most interested in hybrid roles, or at least roles with a strong visual component. Really grateful to have discovered this course :-)" - Madeline

Humanize The Design writte on dark background

Not an Italian mobster; Johny Vino is an engineers' designer. I've been a long time admirer of his work every since his mind-blowing animations and micro-interactions arrested me mid Dribbble scroll many years ago. He is a thoughtful, meticulous designer that understands how to align user and business goals all while transmuting conventional interaction patterns into something that is altogether transcendent yet familiar.

Case Study Format: https://johnyvino.com/

Process, Goal and Task Oriented that varies with each project

  • What he worked on
  • What he aim to accomplish
  • Business Goals
  • Representation of complex data
  • Integration
Humans are not perfect. I like to apply 3 principles to ever product I design to help me focus on that. Fitt's Law, Mimicry, Aesthetic Usability Effect

Steph Parrott

Steph is a product designer based in Toronto. Currently working on Plantd and most recently at Square in San Francisco.

3 Portfolio project cards on white background

Case Study Format: https://www.stephparrott.com/plantd/

  • Roles and Process
  • App Overview
  • Feature proposal
  • Design to Development
  • Looking to the future and what's next
"As someone who hasn’t eaten meat in almost 20 years, I’m highly motivated to put in the work to find plant-based options, but for those starting to dabble, how can we except them to do the same?" - Steph

Go Cardless screenshot on white page

Tom is the co-founder of the community and event series Design Club , and an investor & advisor to Bricklane . He currently works  own clients, helping invent, design, and launch new ventures. Before that he held design leadership roles at fashion and fintech startups, and was as a senior designer at a global agency. Case Study Format: http://tom.pe/gc-dashboard.html

  • Summary of the problem space, challenges, project and contribution
  • Goal and Problem
  • Design Principles applied
  • Proposed solution and representation of dashboard and data
  • Design frameworks used
  • Future considerations
"The problem here is that by trying to create something for everyone, we risked helping no one. Avoiding the design equivelant of an identity crisis became a big focus of mine. I'd do this by finding ways to inject a point of view into the product. By knowing what it wasn't, as well as what it was." - Tom Petty

Want to create an incredible portfolio like these full of amazing case studies to get you hired? Enroll in our Product Design Course today!

PD-Enroll-Now-

Garett MacGillivray

Garett MacGillivray's Portfolio

Much like myself and other designers of a particular generation, Aussie/Canadian Garett MacGillivray has been around the block and through the evolution of graphic designer, web design, UI/UX Designers and now landed squarely as a full stack Product Designer.

Case Study Format: https://aucadian.com.au/project/goloop

  • Exploration and Ideation
  • Component Library
  • B2B product interface
I've had many labels throughout my career in the digital industry. It's safe to say that I enjoy crafting digital experiences.

Elise Fu's Portfolio

Elise is a Bay Area designer that jumped to the bay from NYU. She comes from an advertising and marketing background and has fine tuned her communication skills and processes vast knowledge of the tech and digital product industry has a whole having been on the broadcasting and marketing side of things.

Case Study Format: http://www.elisefu.com/work-komeeda/

  • Impact/Metrics
  • User testing
  • User research
  • Information Architecture
  • Implementation
  • Major Findings
  • Formal User Testing
I was driven to design because I felt excited and rewarding to learn about people’s goals and desires, help them solve problems and make their lives easier.

Latiesha Caston

Latisha is a User Experience Designer passionate about holistic, accessible, and inclusive design, based in Seattle.

White background with designer bio in black text

Case Study Format: https://www.latieshacaston.com/veggie-grill-online-ordering-experience

  • The Problem
  • The High-level Goal
  • The approach
  • Pain Points
  • Optimizing flow and improving architecture
  • Interaction model breakdown
  • Looking to the future
"Our high level goal was to design a holistic order-ahead experience that keeps the core of what we've built, while delivering on opportunities, addressing pain points, and setting the stage for the future." - Latisha

Karolis Kosas

case study for portfolio

Having recently joined the amazing design team at Stripe as a Product designer, Karolis's portfolio is clean and minimal and his case studies really understand the mental model of the user, getting into their heads and revealing the friction points they are feeling and how he can insert a solution that improves on the experience with compromising the soul of the designer.

Case Study Format: http://karoliskosas.com/cinemaclub/

  • prototyping
  • Built the product from zero
Visual communication is a self-sufficient organism capable of adapting and evolving based on the input of multiple sources.Acting in such context, the designer is an initiator, establishing methods and boundaries for the system to establish itself as an independent entity.

Rohit Singh

case study for portfolio

One of o ur very own graduates ! Rohit Singh is an up and coming product designer with a focus on helping early-stage startups and new businesses blossom.

Rohit outlines his process for creating an MVP for his digital product from scratch, which serves as a sort of physical and virtual library for the poorest class of India.

Case Study Format: https://work.khadush.in/booksite-an-online-physical-book-sharing-platform/

  • Inspiration
  • User Interviews
  • Lean Canvas
  • Visual Design
  • Final Words
I specialize in helping early stage startups validate their riskiest assumptions using leading design methods

After analyzing all of these case studies and working with 100s of designers in our product design course to get them ready for the job application process, we've created our own tried-and-true templates to make it easy for designers to replicate the successful format and structure of these top portfolios using Notion .

Each of these amazing portfolios tells the story of the product designer, their evolution, their process and shows what they bring to the world. But it's not easy doing what they do or knowing exactly how to show and tell who you are as designer. Having a solid design education and getting feedback from the design community is the best way to ensure that your work is up to par and being presented in a way the shows your skills and your worth.

Have a look at our partners' advice over at Pathrise on building a strong UX design portfolio .

The best design resources, in your inbox

Tips, tricks, articles and freebies. It's all happening in the DesignerUp Newsletter. View the archives →

We'll only send the occasional email and promise not to spam.

© Copyright 2022 DesignerUp. All Rights Reserved.

Limited Time Offer! Save up to 50% Off annual plans.* View Plans

Save up to 50% Now .* View Plans

How To Write A Case Study For Your Design Portfolio

Case studies are an important part of any designer’s portfolio. Read this article to learn everything you need to know to start writing the perfect case study.

green chameleon 21532 unsplash

When you’re putting together your online design portfolio , design case studies are a great way to showcase your experience and skills. They also give potential clients a window into how you work.

By showing off what you can do and your design process, case studies can help you land more clients and freelance design jobs —so it can be smart to dedicate an entire section of your online portfolio website to case studies.

Getting Started

So—what is a design case study and how do they fit in your portfolio.

Let’s get some definitions out of the way first, shall we? A design case study is an example of a successful project you’ve completed. The exact case study format can vary greatly depending on your style and preferences, but typically it should outline the problem or assignment, show off your solution, and explain your approach.

One of the best ways to do that is to use a case study design that’s similar to a magazine article or long-form web article with lots of images throughout. When building your case study portfolio, create a new page for each case study. Then create a listing of all your case studies with an image and link to each of them. Now, let’s get into the nitty-gritty of creating these case studies.

Choose Your Best Projects

To make your online portfolio the best it can be , it’s good to be picky when choosing projects for case studies. Since your portfolio will often act as your first impression with potential clients, you only want it to showcase your best work.

If you have a large collection of completed projects, you may have an urge to do a ton of case studies. There’s an argument to be made in favor of that, since it’s a way to show off your extensive experience. In addition, by including a wide variety of case studies, it’s more likely that potential clients will be able to find one that closely relates to their business or upcoming project.

But don’t let your desire to have many case studies on your portfolio lead you to include projects you’re not as proud of. Keep in mind that your potential clients are probably busy people, so you shouldn’t expect them to wade through a massive list of case studies. If you include too many, you can never be sure which ones potential clients will take a look at. As a result, they may miss out on seeing some of your best work.

There’s no hard-and-fast rule for how many case studies to include. It’ll depend on the amount of experience you have, and how many of your completed projects you consider to be among your best work.

Use Your Design Expertise

When creating the case study section of your portfolio, use your designer’s eye to make everything attractive and easily digestible. One important guideline is to choose a layout that will enable you to include copy and image captions throughout.

Don’t have your portfolio up and running yet and not sure which portfolio platform is best for you? Try one that offers a free trial and a variety of cool templates that you can play around with to best showcase your design case studies.

If you don’t provide context for every image you include, it can end up looking like just a (somewhat confusing) image gallery. Case studies are more than that—they should explain everything that went into what you see in the images.

Check Out Other Case Study Examples for Inspiration

Looking at case study examples from successful designers is a great way to get ideas for making your case study portfolio more effective. Pay special attention to the case study design elements, including the layout, the number of images, and amount of copy. This will give you a better idea of how the designer keeps visitors interested in the story behind their projects.

To see some great case study examples, check out these UX designer portfolios .

Try a Case Study Template

There are plenty of resources online that offer free case study templates . These templates can be helpful, as they include questions that’ll help you ensure you’ve included all the important information.

However, most of them are not tailored to designers. These general case study templates don’t have the formatting you’ll want (i.e. the ability to include lots of images). Even the ones that are aimed at designers aren’t as effective as creating your own design. That’s why case study templates are best used as a starting point to get you thinking, or as a checklist to ensure you’ve included everything.

How to Write Case Studies

Maintain your usual tone.

You should write your case studies in the same personal, authentic (yet still professional!) tone of voice as you would when creating the About Me section of your portfolio . Don’t get bogged down in too much technical detail and jargon—that will make your case studies harder to read.

Since your case studies are part of your online portfolio, changing your usual tone can be jarring to the reader.

Instead, everything on your portfolio should have a consistent style. This will help you with creating brand identity . The result will be potential clients will be more connected to your writing and get the feeling that they’re learning what makes you unique.

Provide Some Context

Case studies are more effective when you include some information at the beginning to set the stage. This can include things like the date of the project, name of the client, and what the client does. Providing some context will make the case study more relatable to potential clients.

Also, by including the date of the project, you can highlight how your work has progressed over time. However, you don’t want to bog down this part of the case study with too much information. So it only really needs to be a sentence or two.

Explain the Client’s Expectations

Another important piece of information to include near the beginning of your case study is what the client wanted to accomplish with the project. Consider the guidelines the client provided, and what they would consider a successful outcome.

Did this project involve unique requirements? Did you tailor the design to suit the client’s brand or target audience? Did you have to balance some conflicting requirements?

Establishing the client’s expectations early on in the case study will help you later when you want to explain how you made the project a success.

Document Your Design Process

As you write your case study, you should take a look at your process from an outsider’s point of view. You already know why you made the decisions you did, so it may feel like you’re explaining the obvious. But by explaining your thought process, the case study will highlight all the consideration you put into the design project.

This can include everything from your initial plan to your inspiration, and the changes you made along the way. Basically, you should think about why you took the approach you did, and then explain it.

At this point, consider mentioning any tricks you use to make your design process more efficient . That can include how you managed your time, how you communicated with clients, and how you kept things on track.

Don’t Be Afraid to Mention Challenges

When writing a case study, it can be tempting to only explain the parts that went flawlessly. But you should consider mentioning any challenges that popped up along the way.

Was this project assigned with an extremely tight deadline? Did you have to ask the client to clarify their desired outcome? Were there revisions requested?

If you have any early drafts or drawings from the project saved, it can be a good idea to include them in the case study as well—even if they show that you initially had a very different design in mind than you ended up with. This can show your flexibility and willingness to go in new directions in order to achieve the best results.

Mentioning these challenges is another opportunity to highlight your value as a designer to potential clients. It will give you a chance to explain how you overcame those challenges and made the project a success.

Show How the Project’s Success Was Measured

Case studies are most engaging when they’re written like stories. If you followed the guidelines in this article, you started by explaining the assignment. Next, you described the process you went through when working on it. Now, conclude by going over how you know the project was a success.

This can include mentioning that all of the client’s guidelines were met, and explaining how the design ended up being used.

Check if you still have any emails or communications with the client about their satisfaction with the completed project. This can help put you in the right mindset for hyping up the results. You may even want to include a quote from the client praising your work.

Start Writing Your Case Studies ASAP

Since case studies involve explaining your process, it’s best to do them while the project is still fresh in your mind. That may sound like a pain; once you put a project to bed, you’re probably not looking forward to doing more work on it. But if you get started on your case study right away, it’s easier to remember everything that went into the design project, and why you made the choices you did.

If you’re just starting writing your case studies for projects you’ve completed in the past, don’t worry. It will just require a couple more steps, as you may need to refresh your memory a bit.

Start by taking a look at any emails or assignment documents that show what the client requested. Reviewing those guidelines will make it easier to know what to include in your case study about how you met all of the client’s expectations.

Another helpful resource is preliminary drafts, drawings, or notes you may have saved. Next, go through the completed project and remind yourself of all the work that went into achieving that final design.

Draw Potential Clients to See Your Case Studies

Having a great portfolio is the key to getting hired . By adding some case studies to your design portfolio, you’ll give potential clients insight into how you work, and the value you can offer them.

But it won’t do you any good if they don’t visit your portfolio in the first place! Luckily, there are many ways you can increase your chances. One way is to add a blog to your portfolio , as that will improve your site’s SEO and draw in visitors from search results. Another is to promote your design business using social media . If you’re looking to extend your reach further, consider investing in a Facebook ad campaign , as its likely easier and less expensive than you think.

Once clients lay eyes on all your well-written, beautifully designed case studies, the work will come roaring in!

Want to learn more about creating the perfect design portfolio? 5 Designers Reveal How to Get Clients With Your Portfolio 20 Design Portfolios You Need to See for Inspiration Study: How Does the Quality of Your Portfolio Site Influence Getting Hired?

A4 1 4

A Guide to Improving Your Photography Skills

Elevate your photography with our free resource guide. Gain exclusive access to insider tips, tricks, and tools for perfecting your craft, building your online portfolio, and growing your business.

Get the best of Format Magazine delivered to your inbox.

The Art of Archiving: A Comprehensive Guide to Preserve Your Digital Masterpieces

The Art of Archiving: A Comprehensive Guide to Preserve Your Digital Masterpieces

Top 20 Best Photography Books for Beginners

Top 20 Best Photography Books for Beginners

Beyond the Rule of Thirds: 30 Creative Techniques for Composition

Beyond the Rule of Thirds: 30 Creative Techniques for Composition

Inspiring Still Life Photography Portfolios: Crafting a Quality Online Presence

Inspiring Still Life Photography Portfolios: Crafting a Quality Online Presence

10 Inspiring Examples and Expert Tips for Crafting A Powerful Artist Statement

10 Inspiring Examples and Expert Tips for Crafting A Powerful Artist Statement

Get Inspired by 10 Fashion Design Portfolios That Capture the Essence of Contemporary Style

Get Inspired by 10 Fashion Design Portfolios That Capture the Essence of Contemporary Style

Should I Catalog My Art?

Should I Catalog My Art?

*Offer must be redeemed by May 31st, 2024 at 11:59 p.m. PST. 50% discount off the subscription price of a new annual Pro Plus plan can be applied at checkout with code PROPLUSANNUAL, 38% discount off the price of a new annual Pro plan can be applied with code PROANNUAL, and 20% discount off the price of a new Basic annual plan can be applied with code BASICANNUAL. The discount applies to the first year only. Cannot be combined with any other promotion.

en_US

  • Privacy Overview
  • Strictly Necessary Cookies

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

How to write engaging case studies for your portfolio

We examine 5 portfolios with powerful case studies.

Project case studies are one of the most important yet overlooked parts of building a design portfolio . In our efforts to design the perfect portfolio and showcase our visual work, we often rush the copy or omit it entirely, leaving only a shallow overview of who we are and what we can do. But dumping a bunch of photos on your project pages without any context sells your work short.

Case studies are so crucial to the success of a designer's website that we built Semplice , a portfolio system for designers, entirely around them. (If you're after design portfolio and case study inspiration, check out the Semplice Showcase .) 

Your portfolio case studies are your opportunity to show prospective clients and employers how you think, how you work and what you can contribute to the world. Here are five examples of designers who do case studies well. 

01. Liz Wells

Wells includes videos of her website designs in action

As a UX designer, Liz Wells has the unique task of making sitemaps, sketches, prototypes and user flows both visually engaging and concrete for her readers. She strikes the perfect balance in her portfolio case studies, highlighting work for brands like Google, Viceland and Spotify. 

Wells shares the project story from challenge to solution, taking care to explain her process along the way. Photos, videos – even early sketches torn from her notebooks – are thoughtfully photographed and laid out. All of it works together to not only showcase Wells' work, but also who she is and how she thinks.

Early brainstorms offer insight into the project

On my blog, I publish a series in which I interview top companies about how to get a design job where they work. Almost every company has voiced that they want to understand how you think and see your process. 

Think about your project in phases and share your work – even the less glamorous notes and sketches, if they’re important to the story – from beginning to end, and you’ll find you have plenty to say. 

02. Melissa Deckhert

Melissa Deckert ’s case studies may be minimal but they pack a punch. Some, like her Food Quote GIFs case study for Tumblr, hook you in with a little secret that makes you look closer at the work.

“Tumblr asked me to animate a few food quotes for an internal project,” Deckert explains in the case study. “Naturally I found a way to weave Beyonce into two out of three.” Short and sweet, but the last line creates intrigue and make you want to see more.

If you hand-made a project, show off that fact

Others case studies, like her In Every Moment We Are Alive book cover project, surprise you with a big reveal at the end. The case study works in reverse, leading with the finished product (the final book cover) and ending with a behind-the-scenes shot that makes you rethink what you saw before. 

Despite all our excuses, designers can write too . While it’s good to share your process, it also helps to remember the one person who is reading your website. They’re tired, they’re busy and they’ve probably reviewed dozens of portfolios today already. If your case study surprises them and brightens their day, it will be remembered. 

03. Naim Sheriff

Explain the visuals, don't just dump them on the page

Naim Sheriff breaks his case studies into sections, making the page easy to read and digest. He leads with a brief paragraph introducing the client and task at hand, then shares each project element in bite-sized pieces. 

Most importantly, he explains his visuals instead of just dumping them on the page. Sheriff’s case studies are rich in imagery but he doesn’t just show, he tells.

Just as with a newspaper or magazine article, it’s important to remember people are scanning your case studies. They may decide to read deeper if something catches their interest, or they may just skim and move on to the next project. 

Use your layout to guide them through the content and draw them deeper. Make your captions meaningful for scanners, and write easy-to-read paragraphs for the ones who stay.

04. Mackey Saturday

Mackey Saturday ’s case studies, like his whole portfolio, are clean and light. His identity designs for brands like Instagram , Oculus and Luxe stand on their own (as logos must do) but his case studies, complete with videos, polished photos and before and after GIFs, explain the nuances and decisions behind the finished product. Most notably, Saturday reveals his entire perspective on branding and design in his case studies.

“Redesigning a globally recognised logo is a polarising opportunity: Do you put your personal style on display, or stay true to what the brand’s users are familiar with?” he writes. “I believe the best designs channel a company’s culture, not the designer’s.”

Don’t be afraid to share your opinion and perspective in your case study. While you should avoid sharing opinions like, 'I really hated working with this client', you should, where relevant, express your beliefs about design and how you applied them to your work. 

Tell people what inspires you, what principles guide you, share your feelings about the final result. This adds personality and helps visitors understand who you are as a designer. Read more tips for writing case studies here.

05. Kali & Karina

Make it clear what your role was in the project

Kali & Karina tee everything up for their case study readers with a strong introduction, including the project challenge, the project brief (in one sentence), as well as the partnering agency, their client and their role. They then follow through with their approach and the outcome.

On of the most common portfolio mistakes is forgetting to mention your role and give credit to your team. Giving credit doesn’t make your work on the project any less impressive. 

In fact, it shows you can work well and collaborate with a team. It also helps a potential employer or client understand where your main skills lie and how you’ll fit into their team or project.

  • Inspiring redesigns of design agency portfolios
  • 6 ways to power up your portfolio
  • How to start a blog: 10 pro tips

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Get the Creative Bloq Newsletter

Daily design news, reviews, how-tos and more, as picked by the editors.

Related articles

New Chengdu World Games logo features an adorable hidden optical illusion

  • Reading Club New

How to write project case studies for your portfolio

Tobias van Schneider

Writing case studies might be the most dreaded part of building a design portfolio. After all the work and time it takes curating projects, designing pages, saving out images, etc., who wants to actually sit down and EXPLAIN it all? But next to your About page, case studies are the most important pa

Aside from showing your experience and skill, case studies give your potential client or employer an idea of how you work and think. Case studies are basically the whole point of building a portfolio — which is why Semplice and Carbonmade, our portfolio tools, were built around just that. Especially with more complex work such as UX design, a case study is a must to explain your work. Of course, your case study approach depends on your personal style and goals, but I generally recommend these rules when creating your project pages.

1. Write down your case studies before you do almost anything else

I know this is not as fun as designing your website but like most things in life, it helps to get the hardest task out of the way first. Near the end of the project you will just want to press that launch button, so anything you write at that time will be rushed and lazy. Or even worse, you will hit a wall and procrastinate launching the whole thing.

Write about your projects as early as you can, even if you have to adjust the copy slightly later to fit your final page layout. I usually just put all my thoughts in Evernote or a Google Doc. Think of your project in phases and start with Phase 1, which is usually the ideation or exploration phase. Write down your thoughts, and then continue to Phase 2. Don't bother with images just yet, this is just for you to help you get it all down.

If inspiration strikes otherwise, so be it. But in most cases you will thank yourself later by doing this first.

2. Keep it brief & caption everything

People are usually scanning your projects to get a general idea of your skills and the way you work. Don't write a novel, just share a short paragraph or two that makes your project interesting and relatable to your reader.

I've read research that says one of the first things people read in a newspaper are the little captions underneath the images. Think of your case study the same way. If someone scrolls through your case study and only reads the little 1-2 sentence captions, they should still understand your project. Focus on the captions first, and then fill in any lengthier content.

case study for portfolio

3. Include the right details

It all depends on your personal style and you don’t need to literally copy/paste this format, but your case study should loosely follow this outline or provide this information:

Name of client, what they do & their location: Give your reader context and write a quick sentence about what this project or product is all about. This will show your experience and interest in specific types of clients or design work. Naming the location will also help if you want to make it clear you work with clients all over, as opposed to just your hometown.

Goal for the project: What did the client ask you to do?  What was the briefing? What was the main challenge and measure of success? Did you have a certain idea or expectation for the project when you began?

Your experience: Anything interesting to share about your process for this project? Did you take a unique angle or notice some surprising insight? Do you have some early sketches we can see? Why did you choose that approach? Ask yourself WHY WHY WHY a thousand times, and then answer those questions.

The outcome: Did you feel proud of the result? Did it exceed your expectations? Did it increase the client’s sales by 2000%? Don’t get too technical or share some crazy analytics report (and definitely do not make anything up), just include a brief sentence or two that shares how the project was successful. A case study should ideally be a success story. If it's not, tell us why the project is still valuable or meaningful (maybe the client didn't choose your favorite concept for example, but you still love the work you did) and what you learned from it.

Again, it doesn’t need to be some stiff, clinical report. Just set everything up for the reader so they can fully appreciate what went into the project and how you approach your work.

4. Give credit & explain your role

This is especially important if it was a team project. If I just see a list of names without their roles, I might be a little suspicious about what you actually did on this project. But whether or not this was a team project, it’s helpful for us to understand what role you played. This could be as simple as listing “art direction & design” beside the project summary. Forgetting this detail is crucial and can mean the difference between getting hired or not.

"We should finish reading with a sense of your personality and design process."

5. Write in your voice

You and your client might know what they mean, but acronyms and buzzwords only distance your reader. Don’t try to impress with lofty language, just share your work in your own voice and be as clear as possible. We should finish reading with a sense of your personality and design process.

Whatever you do, don’t just copy/paste words about your client’s product from their website. The shift in voice will be obvious and will only make you seem lazy.

6. Don’t image dump

I’ve seen countless portfolios that either don’t include a case study at all or just have one sentence with a bunch of photos below for the reader to sort out on their own. That doesn’t sell your work the way it deserves. (Plus no copy = bad SEO, if you care about that.)

Consider a layout that lets you include a sentence or two beside each image, so you can explain your process and give us insight into what we’re seeing. A bunch of photos on a page might look pretty, but as almost every company in our "How to Get a Job at X" series has voiced, it's not enough. Your potential employer or client needs context. We need to understand who you are, how you work and how you might contribute to our team/culture.

7. Think of each case study like a magazine feature

This goes for your content and layout. Using a similar page template for your case studies is fine, but you should at least adjust it to fit the project and look of the work.

Think of the way magazine articles are laid out. They’re designed to fully immerse you in the piece and create an experience. They include photos at specific places to illustrate a point or bring a scene to life. They use pull quotes to pique your interest or point out an especially memorable part of the story. They break up paragraphs with photos, but take care to not disrupt your reading experience.

This is why Semplice allows designers to create fully branded case studies — meaning you can design every piece of your page to fit the project’s look and feel, from the navigation down to the footer. Every project is different and your case studies should be too.

I could go on and on, but when it comes down to it, no one-size-fits-all solution works for case studies. It all depends on you, your project, style and the kind of work you do. As we say in this article about writing as a designer (good tips in there as well), just remember to write for that one person on the other side of the screen. It's one person hiring you for the job after all – and often that person is a recruiter or someone who's not necessarily a designer like you. Design your portfolio and write your case studies with your reader in mind, and you'll be one step closer to doing the work you want to do.

Read more portfolio tips here and be sure to check out the Semplice Showcase for design portfolio inspiration.

Featured article image by Liz Wells

What is quality anymore?

What is quality anymore?

How to create free press for your work

How to create free press for your work

The case for being ignorant

The case for being ignorant

How much YOU is in YOUR work?

How much YOU is in YOUR work?

Most popular.

© 2021 House of van Schneider LLC All rights reserved.

MORE ABOUT TVS About DESK Curated mixtapes DESK partnerships

BECOME A FRIEND Twitter Dribbble Instagram

semplice

We're sorry, our pandas couldn't find any articles

Why don't you take a look at popular topics like Design , Productivity or Self-Improvement ?

A Space for Creative Growth

How to write case studies for your design portfolio

A good case study on your design portfolio is a great way to make it stand out. Here’s how to get it right

case study for portfolio

Illustration: Yali Ziv

  • Jul 13, 2020

Putting a work process into words might cause some to break out in a light sweat, but just like the rest of a design portfolio , a case study is a chance to shine. The key to approaching such a task is by realizing that crafting the perfect case study isn’t that different from any other design work you do.

Here’s everything you need to know about writing good case studies, from how to structure them visually, to which details to include and more.

What is a design case study?

In a nutshell, the main aim of a case study is to tell the story of a specific project of yours. The text you write can put your design work into context and make it more fully understandable. Integrating images with text, a case study outlines the most important details of the process, from the brief you were given, to how you approached the task, to the final result. Incorporating case studies into your portfolio helps give potential clients or employers a look into how you work, what you’re good at and what your thought process is.

When making your online design portfolio, note that not every project requires a full case study. You can pick the projects you’re proudest of, giving you the chance to highlight your skills and explain what made the design so successful. Now that we’re on the same page, here’s our best advice:

Include the relevant details

To make sure you’ve covered all the relevant information, here’s a checklist of the main details to include. Note that these aren’t strict guidelines - it depends on how thorough you want to be and what you feel is important for your project.

1. Background info: If you were working with a client, include their name and what they do, plus the date and location in which the project took place. Also explain what your role was within the project (for example “Web Design,” “Branding” or “Art Direction”). If you worked in a team, credit the other people and list their roles. This is also the place to give a brief sentence on what the project actually is.

Example: See how designer Ariel Sun , introduces her rebranding project:

“The Human Project at NYU (THP) worked with the agency Ogilvy & Mather to redefine their brand and develop a new logomark. As THP's internal graphic designer, I applied that visual language to a variety of marketing & communications assets and fresh brand collateral.”

2. Goal: Briefly explain what the aim of the project was. You can base this on the design brief you worked with throughout the project.

Example: Design studio and Wix user, Run Wild , state the goal of their UX project:

“The challenge was to redesign a convoluted site into an action-oriented site that provides clear navigation and call to action.”

3. Design process: You can really decide how much you want to elaborate here. Keeping it short is also an option. Either way, the idea is to talk about the main stages you went through in the design process, which decisions you made and why, what your approach was, and any changes made throughout.

You can include some of the research you did and what your inspirations were. Don’t be afraid to mention any challenges you experienced or concepts that were later scrapped - as long as you keep a positive attitude and explain the reasoning behind the decisions, remember that it’s all part of the process.

4. Results: Here, present the final outcome and your main learnings. You can also write about how success was measured. For example, state whether all your client’s expectations were met (this can be in the form of client quotes if you like), or perhaps include stats you have about an increase in sales, or describe how part of your design was later used on a larger scale.

Example: In this case study about a redesign for a website, Ariel Sun explains the results:

“The result is an engaging and unexpected twist on a garden party that tells a clear story while still leaving room for the viewer’s imagination. After reviewing a set of submissions that included work from our very talented colleagues, Tattly picked this design and will elaborate it into a full-on marketing campaign.”

case study for portfolio

Make it skimmable

We all know that we live in a time of short attention spans . Even when it comes to prospective clients or employers, they want to get a feel for your design project fairly quickly. That’s why you should make your case studies accessible, inviting and easy to grasp at first glance , both in terms of the design and the text itself.

The layout of the page should serve the storytelling process, revealing information in digestible, bite-sized chunks. Combine images with text cohesively, somewhat like the structure of a magazine or book. See how designer and Wix user, Brittney Johnson , separates the parts of her case study into drop-down sections, enabling you to focus on one point at a time.

Split up your text into paragraphs and add headers that will enable visitors to navigate easily from section to section. Consider emphasizing certain words by making them bold, changing their size or opting for a different color. Additionally, caption each image with a brief description, so that even people that aren’t into reading lengthy text can comprehend the context. It will also help make your design more accessible , offering your visually impaired site visitors an alternative understanding of the image.

In terms of the writing style, keep it concise and to the point . Use short sentences that explain exactly what you want to say, without repeating themselves just for the sake of sounding sophisticated. This doesn’t mean you need to sound robotic - you should still keep it personal and remember that at the end of the day, your target audience is humans.

case study for portfolio

Write it like a (short) story

Just like in any other design project, a case study simply tells a story. And that’s exactly the way you should write it. It should have a structure, including a beginning, middle, and end, made up of all the relevant details (scroll up if you missed what those are). It’s not just random sentences placed one after the other, but rather, an outline of a process, generally written in chronological order.

case study for portfolio

Maintain your tone of voice

On a similar note, remember that your case study describes your project, so feel free to let your individual personality shine through in your writing. Keep the same tone as in the rest of your design portfolio’s copy , in order to form a clear personal brand and consistent browsing experience.

You don’t need to be overly formal or use complex jargon, as this could just end up intimidating people. On the flip side, including jokes might be taking it a little too far. Simply focus on getting the point across succinctly and in your own language. As a result, the likelihood is that you’ll give your site visitors a better idea of who you are and where your specialty lies.

case study for portfolio

The combination of text and images helps break it up into a story-like layout, resulting in a more immersive and engaging experience, which is why you should make sure not to only include visuals. Plus, text is great for your design portfolio’s SEO (search engine optimization), increasing your chance of ranking higher on search results.

case study for portfolio

Get more inspiration on how to tell a visual story through your portfolio with these 8 graphic designers’ websites .

MORE POSTS LIKE THIS:

Nov 3, 2021

Show and tell: sharing the story behind your creation

case study for portfolio

Apr 14, 2021

How to write your best personal statement

case study for portfolio

Feb 4, 2019

How to Write the Perfect Copy for Your Design Portfolio

  • Reviews / Why join our community?
  • For companies
  • Frequently asked questions

case study for portfolio

How to Create Case Studies for Your UX Design Portfolio When You Have No Past Projects and Experience

If you’re new to UX and want to get your first job, you might find yourself stuck in a paradox. You see, to apply for your first job, you’ll need to have a UX design portfolio which contains around 3 case studies. But without prior UX experience or projects, how could you create these case studies? You’re thus stuck in a loop: to get a job, you’ll need a portfolio; but to build a portfolio, you’ll need a job. How do you solve this paradox? Well, the good news is there is no paradox, not really. You see, even though you have no prior experience, you can still create case studies for your portfolio. We’ll show you how—in concrete, practical steps.

First, let’s start with what you’ll need to create your UX case studies . We’ll get into the details later; however, to start building your portfolio, you’ll need:

Some fundamental design knowledge and skills . This means you’ll need to know some design methodologies—for example, design thinking —as well as key UX deliverables such as personas , usability reports and prototypes.

A project to work on —don’t worry, this is simpler than it sounds.

Finally, you’ll have to apply your design knowledge and skills to a design project you choose.

case study for portfolio

To create your case study, you have to start with a solid understanding of UX, find a project to work on and then apply your design knowledge to the project. Author / copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

The good news? At the Interaction Design Foundation (IxDF), we can help you in each and every step! That’s right, with our online courses, you can gain essential design knowledge and skills, get access to great design project briefs and apply your newfound skills to the projects. We think you’ll enjoy how efficient and effective we’ll make your portfolio-building process.

Here’s a quick summary of how we can help you (we’ll dive into more details later):

You can learn key design knowledge and skills in our popular beginner courses such as:

Design Thinking: The Beginner’s Guide , where you’ll learn how to apply the design thinking process to a project;

Become a UX Designer from Scratch , which gives you an overview of UX design and how to create key UX deliverables;

Mobile User Experience (UX) Design , where you’ll gain key knowledge and skills to design ideal solutions for mobile devices;

Conducting Usability Testing , which equips you with everything you need to know to start conducting usability tests.

You’ll find realistic UX project briefs in our courses which contain Build Your Portfolio projects, where you’ll be guided to create your UX case studies:

Design Thinking: The Beginner’s Guide , where you’ll help build a fitness app to encourage people to be active through applying the design thinking process;

Conducting Usability Testing , where you’ll plan and run your own usability test of an online shop;

User Research – Methods and Best Practices , where you’ll apply your skills to conduct user interviews , contextual inquiries and user observations.

As you take our courses, you’ll also work on our Build Your Portfolio exercises , which means by the end of your courses, you’ll not only have gained industry-recognized Course Certificates but also have UX case studies!

At the IxDF, you’ll get access to over 25 UX courses with a flat membership fee, and you’ll learn from courses taught by leading design experts.

case study for portfolio

Learn these courses and more at the Interaction Design Foundation for a flat fee. Author / copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

Through these courses, we’ll guide you every step of the way , from acquiring knowledge to applying them in your own projects.

In all of our courses, we give you PDF templates which you can download and print to use in your projects. For example, if you’re going to do user interviews, we help you cover the basic questions and you just have to gear the questions towards your users.

case study for portfolio

In our online courses, you’ll find a wide collection of templates which will help you apply design methods. Author / copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

Ready to dive into the details of how to build your UX case studies from scratch? Let’s go!

Step 1: Get Foundational Knowledge and Skills in UX Design

The most demanding part of creating your first case study is getting your design basics right. It can make or break your case studies. That’s because if your design knowledge and skills are inadequate, even the most interesting project will not lead to a great case study. After all, if you’re not qualified enough, you might apply the wrong design processes . Doing that will lead to, at best, mediocre results.

There are no shortcuts here: to create your case studies, you have to have a solid understanding of UX design. This means you should know how to execute some design methodologies and how to carry out design methods to produce UX deliverables . Let’s break down what these terms mean, and how you can master them to build your UX case studies.

Best Practice Design Methodologies to Help You Create Case Studies

Design methodologies are approaches towards how to solve a design problem. They consist of a design workflow that contains techniques, procedures and tools required to craft solutions that work.

Some popular design methodologies you should know include:

Design thinking . This popular methodology is about how you design solutions by first empathizing with people, defining their problems, then coming up with ideas, prototyping solutions and testing them with users. Our design thinking course is one of our most popular, and for good reason. If you’re new to UX design, we recommend that you start with design thinking for a holistic approach towards designing solutions.

Agile design , where you’ll design continuous, iterative improvements, while getting frequent feedback from users. As opposed to a traditional “waterfall” approach, where you hand over fixed designs to developers, in the agile method you’ll work closely with developers and evolve your designs constantly. Among other things, you can learn agile design in our course Interaction Design for Usability .

These methodologies are not mutually exclusive. Rather, they are different angles of looking at the same problem. You’re good to get started with just one methodology such as design thinking, but knowing more will help you think better as a designer

Design Methods You’ll Use to Create Your Case Studies

In contrast to design methodologies, design methods are techniques, procedures and activities that you’ll perform in order to solve the design problem. Design methods are used in isolation (i.e., they’re not necessarily part of a grand overall process). Thus, two design methodologies can share the same design method—for instance, the design method “user interview” is commonly used in design thinking as well as in agile design.

Some popular design methods are card sorting , field studies, usability testing and personas. All our courses include practical design methods, but you should take these courses in particular to learn more about design methods:

User Research – Methods and Best Practices will teach you how to plan and execute qualitative user research and present your findings. You’ll learn how to conduct design methods such as user interviews and usability tests.

Conducting Usability Testing , where you’ll learn about the techniques and procedures involved in planning and conducting usability tests, as well as analyzing your results.

UX Deliverables You’ll Create for Your Case Studies

UX deliverables are tangible records and results of the work you’ve done. They’re the natural end result of a design method. For example, after you’ve conducted a user interview, you’d produce the UX deliverable of a user interview report. Essential UX deliverables include storyboards , customer journey maps , user flow diagrams, prototypes and usability reports.

All our courses are practical-oriented and thus will equip you to create UX deliverables. These courses especially will help you:

Mobile User Experience (UX) Design will provide you with all the design knowledge and skills you need to create prototypes for mobile devices that work great.

Become a UX Designer from Scratch introduces you to UX design and practical exercises to create key deliverables. One of our most popular courses, it also guides you through common UX deliverables—journey maps, personas, paper prototypes and heuristic evaluation reports, just to name a few.

UI Design Patterns for Successful Software will provide you with knowledge and exercises on how to implement design patterns to support various user needs. You’ll be able to produce best-in-class prototypes that contain excellent UI components such as top navigation menus, site footers and input fields.

As you can see, you need to equip yourself with design knowledge and skills so you can begin creating your first case study. That’s why we said earlier that this is the most demanding part of the process.

Once you’ve learnt the basics of design, you’re ready to move to the next step of creating your case study.

Step 2: Find a Project to Work On

There are two ways you can find a project: you either work on a hypothetical project for a product or service that you know, or work for a real client on a real project.

Work on Hypothetical Projects to Create Your Case Studies

Hypothetical projects refer to unsolicited work for a product or service you know or use. This is common among people starting out in UX, and we recommend this approach because you can get started right away without having to find a real client.

You can go ahead and take some of our online courses which are tailor-made to give you both the knowledge and skills you need. They guide you through a design project where you apply UX design tools and methods, and you end up with a case study for your portfolio.

You can also do hypothetical projects on something you use daily: an app, your local government’s website, etc. For example, you can analyze the usability of your local cinema’s website and prototype an improved design. Or you can study the experience of commuting on your local subway system and make suggestions on how to make it more pleasant. Everything is designed, so you’ll never run out of things to analyze and improve.

As a rule of thumb, you should think twice before picking products or services by major companies like Apple or Google. You might think the big brand name will sound impressive on your portfolio. But because these companies have large design teams and well-established practices, you’ll be hard-pressed to find genuine, well-founded UX problems and create better solutions. If you’re up for it, you should definitely do it, but be warned that few people manage to pull it off.

Volunteer Your Services or Find Freelance Projects to Create Your Case Studies

You might have a hard time finding projects from real clients if you have no prior experience. You can volunteer your services for free to increase your chances. Whether or not you’re charging your client, you should tell them that you’re new to UX and that you’re taking on the project to grow your skills. To make your services more attractive, highlight to your client that you’re eager to learn and willing to spend lots of time and effort.

If you choose to charge your clients for your first few UX jobs , do make sure to set a reasonably low price so that both parties can calibrate expectations. You won’t undersell yourself if you remember that great feedback is essential for building up your reputation and that the day will come when you can charge more.

Step 3: Apply Your Design Methodology and Techniques to Your Project

Once you’ve learned one or two design methodologies and the related key UX deliverables, you’re ready to apply your knowledge to your first project. This is the final step to create your first case study. Exciting!

You should use the design methodology and techniques most relevant to the role you want to apply for. If you want to be a user researcher, you should apply user research techniques such as user interviews. If you’re looking for a general UX role, you might want to go through the design thinking process to identify flaws in the current design and create alternative solutions.

case study for portfolio

If you’re aiming for a general UX role, you can apply the design thinking process to your project to create your case study. Author / copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

At this step, the most important thing is to do, do, do ! Want to conduct user interviews? Get your friends’ help and ask them your questions. Need to do user testing of an app? Sit down with your friends or neighbors, or even with strangers at a cafe. Start sketching your ideas on paper. Create a journey map based on your friend’s day as a commuter on the subway. Start small, use what you have access to… and do .

How to Find Design Projects and Apply Your Design Skills and Knowledge

One of the best ways to create your case studies is to apply your newly learned knowledge to a project, just as you learn it . This way, you’ll not only create your portfolio faster but also reinforce and better remember what you’ve just learned.

The great news is we have courses specifically tailored to help you do just that. Think of these as supercharged portfolio-building courses : we’ve created a realistic project brief and added tailored exercises throughout these courses to guide you to build a case study. When you take these courses, you’ll not only have a perfect project to work on—you can also create your case studies as you learn. We think they’re perfect for you.

The supercharged portfolio-building courses are:

Design Thinking: The Beginner’s Guide , which will let you apply the entire design thinking process to a project.

Conducting Usability Testing , which will enable you to plan and run your own usability test, and then analyze your results.

User Research – Methods and Best Practices , which will guide you through the different user research methods to craft a solid case study.

These courses will guide you step by step to help you apply your knowledge within your own design projects in the easiest way possible. That means that once you’ve taken one of these courses, you’d also have a case study for your portfolio . Yes, it can be that simple!

For each course you complete with the Interaction Design Foundation you’ll also get a Course Certificate to prove that you’ve gained new skills and you can insert your Course Certificate(s) right into your portfolio. It’s essential that you also include the unique link you get for each Course Certificate so recruiters can verify each of them.

If you want to stand out from the crowd as a candidate with solid UX skills and knowledge you can also show and link to each Course Certificate on your resume, CV and LinkedIn profile.

case study for portfolio

Interaction Design Foundation Course Certificates are trusted by industry leaders such as Adobe, Accenture, Philips and IBM who’ve taken up company memberships with the IxDF.

We wish you all the best in your exciting journey of creating your case studies!

The Take Away

Creating your first case studies for your UX design portfolio can seem challenging, but that’s not the case. You can start creating case studies from scratch by following these steps:

Get foundational knowledge in UX : through learning (from books, the IxDF or elsewhere) design methodologies and common UX activities. This is the most demanding step.

Find a project to work on : either a real project for a client (which can be difficult to find) or a hypothetical project on a product you know (which you can find easily).

Apply your knowledge to the chosen project : when you’re starting out, doing is the best way of learning. In “real UX work” you might need well-selected samples for user research, but you can use whatever you have access to when you’re starting out. Do, do, do !

If you take one of our portfolio-building courses mentioned just above, you’ll have covered all three steps and be ready to start applying for your first job in UX—because you’ll have the fundamental knowledge, you’ll have a bit of experience with a project, and you’ll have a case study for your portfolio.

We’re here to guide you along the way. By taking one of these courses, you can find your feet on the right track and turbo-charge your progress as your knowledge base snowballs:

Design Thinking: The Beginner’s Guide

Become a UX Designer from Scratch

User Research – Methods and Best Practices

UI Design Patterns for Successful Software

Mobile User Experience (UX) Design

References and Where to Learn More

You can find our entire UX course catalog here .

You’ll also find Don Norman ’s seminal book The Design of Everyday Things useful for gaining design knowledge. You can find it on Amazon here .

Hero image: Author / copyright holder: Thomas Quaritsch. Copyright terms and license: Unsplash License.

How to Create a UX Portfolio

case study for portfolio

Get Weekly Design Insights

Topics in this article, what you should read next, how to write the conclusion of your case study.

case study for portfolio

  • 5 years ago

How to create the perfect structure for a UX case study

case study for portfolio

The 10 Most Inspirational UX Design Portfolio Examples in 2024

case study for portfolio

How to use Design Thinking to build the Perfect Portfolio

case study for portfolio

  • 4 years ago

How to write the beginning of your UX case study

case study for portfolio

What is a UX Portfolio?

case study for portfolio

3 Reasons Why You Should Have a UX Design Portfolio

case study for portfolio

  • 3 years ago

Top 6 Tips to Make Your UX Portfolio Stand Out

case study for portfolio

How to write the middle or “process” part of your case study

case study for portfolio

What Tech Job is Right for Me? A Comprehensive Guide to Navigating Your Career Path

case study for portfolio

Open Access—Link to us!

We believe in Open Access and the  democratization of knowledge . Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change , cite this article , link to us, or join us to help us democratize design knowledge !

Privacy Settings

Our digital services use necessary tracking technologies, including third-party cookies, for security, functionality, and to uphold user rights. Optional cookies offer enhanced features, and analytics.

Experience the full potential of our site that remembers your preferences and supports secure sign-in.

Governs the storage of data necessary for maintaining website security, user authentication, and fraud prevention mechanisms.

Enhanced Functionality

Saves your settings and preferences, like your location, for a more personalized experience.

Referral Program

We use cookies to enable our referral program, giving you and your friends discounts.

Error Reporting

We share user ID with Bugsnag and NewRelic to help us track errors and fix issues.

Optimize your experience by allowing us to monitor site usage. You’ll enjoy a smoother, more personalized journey without compromising your privacy.

Analytics Storage

Collects anonymous data on how you navigate and interact, helping us make informed improvements.

Differentiates real visitors from automated bots, ensuring accurate usage data and improving your website experience.

Lets us tailor your digital ads to match your interests, making them more relevant and useful to you.

Advertising Storage

Stores information for better-targeted advertising, enhancing your online ad experience.

Personalization Storage

Permits storing data to personalize content and ads across Google services based on user behavior, enhancing overall user experience.

Advertising Personalization

Allows for content and ad personalization across Google services based on user behavior. This consent enhances user experiences.

Enables personalizing ads based on user data and interactions, allowing for more relevant advertising experiences across Google services.

Receive more relevant advertisements by sharing your interests and behavior with our trusted advertising partners.

Enables better ad targeting and measurement on Meta platforms, making ads you see more relevant.

Allows for improved ad effectiveness and measurement through Meta’s Conversions API, ensuring privacy-compliant data sharing.

LinkedIn Insights

Tracks conversions, retargeting, and web analytics for LinkedIn ad campaigns, enhancing ad relevance and performance.

LinkedIn CAPI

Enhances LinkedIn advertising through server-side event tracking, offering more accurate measurement and personalization.

Google Ads Tag

Tracks ad performance and user engagement, helping deliver ads that are most useful to you.

Share Knowledge, Get Respect!

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this article.

New to UX Design? We’re giving you a free ebook!

The Basics of User Experience Design

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

New to UX Design? We’re Giving You a Free ebook!

  • Data Visualization Color Picker
  • Accessible Color Generator
  • Gradient Generator
  • Interactive Typography Tutorial
  • Design Hacks

Writing a Great UX/UI Portfolio Case Study: A How-To

Erik D. Kennedy ·  Published Mar 29, 2024

You’re reading Creating a Standout UX/UI Design Portfolio: The Ultimate Guide . Quickly navigate to other chapters:

  • The 4 most-common mistakes in design portfolios
  • Creating a great portfolio home page
  • Writing a solid portfolio case study 👈
  • 10 great example portfolios, explained
  • The best sites for building your portfolio

In a FLOOD of mediocre-to-bad UX portfolios, how do you avoid the same mistakes? How do you stand out from the crowd?

In this section, let’s look specifically at the case study page.

Apart from avoiding the 4 most-common mistakes of design portfolios , here are my top 5 tips to write a great UX/UI design portfolio case study:

Start with the end

Frame the project.

  • Show your decisions (not your process)…
  • …then show the results of your decisions

Give the reader 2 clear next steps

Unpopular opinion: your project case study isn’t a story , it’s a sales pitch .

Therefore, don’t worry about “story” stuff – suspense, spoilers, narrative, plot.

Instead, worry about showing your skill .

With that in mind, your project writeup should begin at the end . Namely:

  • Show some final visuals
  • Show the business results (what metrics increased? by how much?)

(Remember that not showing real-world results is one of the 4 most-common product design portfolio mistakes. Here are 5 strategies for getting real projects so you can demonstrate real results 💪)

Beginning of Thomas Quigley's product design portfolio case study

Thomas Quigley starts with the end in his Carhartt case study. Visuals and results early on – I don’t have to scroll 10,000px to see how capable he is.

I try to follow my own advice. Both final visual design and business metrics (“outcomes”) are above-the-fold.

Beginning of portfolio case study by Erik Kennedy

Ridd makes the point that a portfolio case study is a bit like a recipe post . Your first job is to convince them that it’s worth going through the hard work below. So start with the delicious finished product!

recipe site screenshot that has picture of finished dish right away

Anyhow, we’re getting ahead of ourselves. There are a few other things we want to include above-the-fold too 🙂

Apart from “starting at the end” by showing results early on, you also want to give some context to what the project was all about.

This is often just a few quick metadata stats:

  • What you did
  • Platform (web, iOS, desktop app, etc)
  • Outcomes (talked about above 🙂)

You don’t need all of these things all the time – just enough to give your reader a sense of the project – and your particular role in it.

Here’s Katie Cooper ’s project framing:

Good project framing in Katie Cooper's product design portfolio case study

This is great! 😍 A few things to note:

  • Starting at the end . Look at those gorgeous visuals 🙂
  • A one-paragraph summary . In addition to the quick stats, she has a short project summary. This is another great way to sum up the project framing information 👍
  • Giving credit . She calls out the agency she worked with. This helps me, the reader, know the context and team she worked with. Later on, she specifically mentions who was on the team, and it’s clear she’s the only designer on the project. Again, super useful for evaluating her skills 😎

And look, regarding credit: don’t try to hide if you didn’t do everything . Experienced designers know design isn’t a single-player game . There’s no shame in, ya’ know, having colleagues who contributed . And generously acknowledging and praising the contributions of fellow designers or the broader team is a good thing. It signals to your future employer that you’ll be generous with credit when working for them 😉

intro to Z1's product design portfolio case study

Agency Z1 has a slightly different take on the framing-the-project metadata, and includes fields like awards , links to the live site , and client location . You can play with this stuff, add your own personal style 👍

Show your decisions (not your process)

Now we get the to body of the case study. Note that I’m not calling this the “writeup”, and I’m definitely not calling this “the process”.

(You read the part of this series on the most common portfolio mistakes, right? Overemphasis on process and too much text are literally 2 of the 4 😬)

What you want to do is succinctly show the decisions a future client would care MOST about .

  • Why did you choose the fonts/colors you did?
  • Why did you go with one design over another?
  • Why is this page laid out how it is?
  • Why is this element like it is?

My FAVORITE way of showing design decisions succinctly is annotated designs . It’s seriously underrated, IMO 🤩

annotated decisions in Erik Kennedy's product design portfolio case study

In my MDCalc case study, I use pointers to annotate the design with rationale and thought process (e.g. “Suggested filters make it easy to explore functionality”).

Nothing called out is rocket science, but anyone reading can see, “Ah yeah, Erik is thinking through the details here; everything is considered”.

One important type of decision to show off: how do you decide when there are tradeoffs?

(Which is, let’s be honest, like, always 🤷‍♂️)

annotated decisions in Erik Kennedy's product design portfolio case study

Above, I show a non-final concept vs. the final design – annotated with the pluses/minuses of each.

Top-notch design firm Ueno (purchased by twitter) uses catchy little icon-as-bullet-point lists to annotate their decisions (wish there was more rationale given though 😅).

annotated decisions in Ueno's design portfolio case study

Every icon represents a design decision about how to achieve a certain goal . I’m all about it 😍

And Luca Orio (shoutout to Learn UI Design students 🙌) gives a bit of a decision-logic (“Every section of the app is reachable with a maximum of three taps”) and shows the associated beautiful visuals .

decision explanation in Luca Orio's product design portfolio

It’s my belief that the body of the writeup is best thought of as ANNOTATING your DECISIONS . Whether it’s with captions, pointers, bullet points, or short paragraphs, the emphasis is on showing and explaining why .

That’s the best way to avoid yet-another-wall-of-text (that design managers are all-too-quick to close 😬).

Show the results of your decisions

Once you’ve explained why you made the decisions you did, it’s time to show that they paid off 😁 (assuming they did – more on that below)

Now’s when you devote a bit more space to metrics that went up-and-to-the-right . (And yes, if you start with the end , then you should’ve already briefly touched on these at the beginning).

Here’s Ueno again:

Results section from Ueno's design portfolio case study for Reuters

Perfect example. If I want my app to have 77%-better 7-day retention, I know who to hire 👍

What if not ALL metrics improved? 🤔

Then tell us why!

Here, Simon Pan contextualizes why one goal metric didn’t immediately improve – but also lists a bunch of metrics that did.

Simon Pan's results section from his design portfolio Uber case study

What if there were no baselines for metrics?

If you’re building something zero-to-one, then show other proof the project was a success, like Z1 does:

  • Number of downloads
  • Feedback and ratings from real users
  • Client testimonials

Results section from Z1's design portfolio case study for the Oatly app

What if NO metrics improved? 🙈

Then – real talk – you need to work on your design skills. Unless you’re designing something that’s already pretty optimized, you should virtually always see metrics improve.

The most important skills around this are:

  • Copywriting . The art of driving action with written words.
  • Usability heuristics . The most efficient way to improve usability is to know heuristics to follow across a wide range of situations.
  • Usability testing . Repeatedly watching users get stuck/confused. This drills it into your head how to avoid similar situations in the future.

They’re not for everyone, but if you want to level up your copywriting and usability skills, I have two full-length video courses on those subjects:

  • Landing Page Academy , my course on designing high-converting, gorgeous websites.
  • Learn UX Design , my course on usability, research, and interaction design patterns. Focuses on the actually practical side of UX (not the endless deliverable bingo of so many UX bootcamps 😅)

I can hear it already. “ Two next steps? Why not just one? Focus, Erik, focus!”

It’s true. At the bottom of a portfolio case study, I believe there are two calls-to-action you should include:

  • Read another case study (if someone’s not yet convinced)
  • Hire/contact me (if someone is convinced)

This is exactly what Luca Orio does:

Calls-to-action from Luca Orio's design portfolio's Univi case study

Saying “Hire me” can be a biiit on the nose, so verbiage like “Let’s meet together” works too 🙂

Bryn Taylor does something similar. “Read more” if you’re not convinced, “Hire me” if you are.

Calls-to-action in case study from Bryn Taylor's design portfolio

Notice how he has a “Copy email” button? – that’s great for those whose OS default email client ( ahem Apple Mail cough ) is not their preferred email editor. Nice touch, Bryn!

And just for good measure, here’s Z1 one more time. Same deal: “Next project” for the unconvinced; “Let’s talk” for the believers 🙌

Calls-to-action in case study from Z1's design portfolio

And, friends, my how the time has flown! We’re now at the very bottom of your case study page.

Along the way, we’ve:

  • Started with the end
  • Framed the project
  • Showed our decisions (not our process)…
  • …then showed the results of our decisions
  • Given the reader 2 clear next steps

Are you ready to look at some example portfolios? That’s the next chapter in this series. Hope to see you there ✌️

Continue to Chapter 4: 10 Great Example Portfolios, Explained

Get 30 ways to add visual flair to your portfolio

From homepage to project case study, I'll send you 30 (illustrated) techniques for spicing up your portfolio.

Exclusive design tutorials. Over 60,000 subscribed. One-click unsubscribe.

37 Easy Ways to Spice Up Your UI Designs

The 3 most common logo design mistakes (and how to fix them), how to create your ux/ui portfolio (without much experience).

The Best UX Designer Portfolios: Inspiring Case Studies and Examples

What makes a winning UX portfolio? More than a showcase of skills, a UX designer’s portfolio is an opportunity for them to create an enjoyable user experience as well as demonstrate their UX mastery.

The Best UX Designer Portfolios: Inspiring Case Studies and Examples

By Miklos Philips

Miklos is a UX designer, product design strategist, author, and speaker with more than 18 years of experience in the design field.

PREVIOUSLY AT

A considerable amount of time and effort goes into building a stellar UX designer portfolio. If the right type of content is chosen with great UX, it will be a worthy investment.

What makes a winning UX design portfolio? As outlined in a previous article “ UX Portfolio Tips and Best Practices ,” telling a compelling story is key. Recruiters and others who may be evaluating your work are busy—you only have a few minutes to engage them before they decide whether or not you made the cut.

A long list of relevant skills, the tools you use, and how many years of experience you have is of no real benefit to your visitors, or to your presentation. The best UX portfolios outline the user-centered design process —how the problem was solved.

Be explicit about your skills , the process you use, and the kinds of projects you specialize in, but be mindful of presenting too much information. User experience portfolios should not be a retrospective of ALL past work. Choose projects that are specific, recent, and outstanding, and present them as a design process.

Hiring/UX managers want to see: user research, research reports, sketches, wireframes, user flows, wireflows, user stories, customer journey maps, prototypes, user-testing, and the final product. If possible, it’s also good to include analytics tools used to see how successful the product was.

Here are a few other points to remember:

  • Beware of technical jargon and splashy imagery—simple project descriptions and visuals are more effective.
  • Wireframes are not pretty, so emphasize your structural ability. Share the process!
  • Write clear project summaries. Make them easy to read—not too much text!
  • If there are confidentiality issues blot out company logos and/or blur areas of the images. There is no bigger turn-off than encountering a page that is password protected. That is bad UX.
  • Include a few stakeholder testimonials.
  • Conclude each project case study with what you learned.

If you’re a UX designer, your UX portfolio should demonstrate exceptional UX.

A UX designer’s portfolio is more than a showcase of skills, it’s an opportunity to create an enjoyable user experience so designers need to prioritize good work, tell an engaging story, and demonstrate their UX mastery! Let’s take a look at some exceptional UX design portfolio examples.

Ten Inspiring UX Designer Portfolios

Karolis kosas.

Karolis grew up in Vilnius, Lithuania and currently lives in the San Francisco Bay Area where he is a product designer at Stripe . Aside from many other interesting, self-initiated projects, he is the co-founder of Anchovy , a free, extremely simple iPhone app that turns your words into beautiful color gradients that can be sent as real paper postcards to anywhere in the world or shared with friends on Facebook Messenger.

Another great UX designer portfolio based on rock-solid UX design principles

What’s Great About This UX Designer Portfolio

This is a nice-looking, well-designed UX designer portfolio. Clearly, Karolis spent time considering its UX. Apart from the sparse, clean layout and great UI designs, a lot of detail is provided on his design process. For example, on the CUJO project, he describes how he interacted with the user base while doing his research, identified the biggest user pain points, and worked out where they could add more value. On all of his projects, UX research takes center stage as the primary driver of design decisions, and he wraps up his projects by describing how successful they were.

His UX designer portfolio site is at: http://karoliskosas.com

Great UX designer portfolios include not only the UX design process but final UI designs.

Originally from Washington, D.C., Alex is an illustrator turned UX designer. As well as co-founding a business focused on B2B products, he has worked with the Local Search Team on Google Maps and on eCommerce and social gaming projects. He continues to put users first while considering simultaneous and future efforts, ensuring pixel perfection and a delightful user experience.

One of his many UX projects - Google popular times

Taking one of his projects as an example—Google Live Popular Times—Alex clearly spells out what the project was about, what he did, and how he got there. He presents the problem and the UX research performed in order to dig deep and define the design problem statement . He also mentions design constraints on an existing product, and how he took user research insights to come up with a simple solution.

Taking back a few brownie points because among all of the great UX process case studies, he has a project thumbnail that links to a Dribble shot and offers no detail whatsoever about the project. It’s best for UX designers to demonstrate a consistency of design in their UX portfolios as it conveys professionalism and respect for the visitor.

His UX designer portfolio site is at: https://www.alexlakas.com

A great UX designer portfolio includes process breakdown.

Hailing from a small town in Australia, Simon is a product designer currently based in San Francisco and has worked on projects for some major brands such as Uber, Amazon, Google, Medium, and Barclays (bicycle rental).

Simon Pan UX designer portfolio

Simon’s case studies are very detailed and take visitors through his design process in a thoughtful way. His example of the London By Bike app for the Barclays bike rental system is especially thorough. He really researched potential users and came up with detailed personas that he uses throughout the project to guide design decisions, priorities, and to create empathy between the client and his team. He went out for a ride himself to “walk a mile in the user’s shoes;” in this case “ride a mile.” - :)

His UX designer portfolio site is at: http://simonpan.com

A UX designer portfolio focusing on a detailed UX design process.

Niya Watkins

Niya is a freelance UX designer based in Washington, DC. She previously worked in international affairs and says that her time in the civil service is where she learned what a hindrance inefficient, poorly-designed websites were to productivity. She often found herself using creative solutions to save time, energy, and money, and was subsequently ‘accidentally’ pushed into user-centered design, ergo: UX.

Detailed screen-flows are part of some the best UX designer portfolios

What’s Great About Her UX Designer Portfolio

To kick things off, Niya gives us the background of each project, her role, and research process. She then goes into her process for: personas, card sort, information architecture, sitemap, interaction design, wireframes, prototypes, user testing and all the other typical steps a great UX designer takes to arrive at the best designs. She even includes a link to the InVision prototype for all to check out. Very comprehensive.

As with Rahul a few reviews down, we’re taking back a few brownie points because of site navigation issues (this could be a Squarespace template limitation—nevertheless, it’s poor design). Also, the “latest projects” section has four projects on her homepage, and when she invites visitors to “see all” we see the same four projects, nothing more. That’s not what was expected and it’s bad UX.

Her UX portfolio site is at: https://www.niyawatkins.com

Spotify brand designs - the best UX design portfolios show work based on solid UX design principles.

Pendar Yousefi

Pendar didn’t grow up in 60s America, and never went to the moon, but has always done things because they were hard. Today, he finds himself leading the design team at Google Translate , with a mission to help the 10% of the world’s population who use their products every month.

UX designer portfolio

Really juicy UX case studies. Pendar goes into great detail about his UX design process on every one of his projects, presenting the problem and the challenges each presented. Looking through his UX design case studies and the hypotheses the team came up with around the product problem, make for a fascinating and educational read. Often the product team assumed a bunch of reasons why a problem existed, only to find out after user research that those assumptions were completely wrong.

The UX design process case studies are very detailed—almost too much—but despite their volume are easy to read because there is just the right balance between illustrative images and text as he walks us through the process. When user testing shows the design is heading in the wrong direction, it’s fascinating to see how the team took a sharp turn and corrected course.

His UX portfolio site is at: https://mahimoto.com/projects

UX design walkthroughs of UX projects are one of the many UX designer portfolio best practices.

Rahul is a freshly-minted UX/product designer who interned at Google in the summer of 2018. He writes about his experience and what he learned in a detailed and self-reflective manner. Prior to his UX internship, he worked for 3 years as a UI and UX designer in both enterprise and start-up environments. His UX portfolio includes case studies of work for Amazon Go Plus, GE Appliances and the U.S. Department of Health and Human Services.

A UX portfolio should show a detailed UX process such as wireframes.

Rahul’s case studies are very detailed and walk people through his design process in an easily consumable way. Some designers make the mistake of adding way too much text to their case studies—most reviewers/ recruiters are busy and simply don’t have the time to go through that much detail. Use graphics and charts, they get to the heart of the process and speed up readability.

We’re taking back a few brownie points due to some site navigation issues and for using a general goal description. His designer goal statement: “ My goal as a designer is to create engaging, functional and accessible user experiences that delight people and solve complex business problems ” doesn’t differentiate him from fifty thousand other UX designers out there. UX designers need to make themselves stand out by sharing something that is unique about them.

The site’s navigation is not great. “Work” and the homepage are exactly the same. If you click on “About” it reloads the same page into a new browser tab over and over again.

A lot of UX designers use portfolio templates from Squarespace , Wix , etc. which is fine—nevertheless, it’s important to remember that your UX portfolio has its own UX, and you will be judged on the usability—the UX design of your portfolio.

His UX designer portfolio site is at: https://rahuljain.co

The best UX design portfolios include a lot about the UX design process.

Samuel Medvedowsky

Samuel is a French UX & Interaction designer based in Paris currently working at Metalab . He has designed for both large and small companies and enjoys finding innovative ways to create useful, usable and engaging products as well as delightful user experiences.

Showing the UX design process is the hallmark of the best UX design portfolios.

In line with other successful UX designer portfolios, Samuel provides visitors with a given project’s background, his role, and the challenges he faced. When going through a project, he tells us how deep user research showed him where the user pain points were, and helped him define clear objectives and scope. His UX design process is demonstrated clearly throughout the project walkthroughs.

As with a couple of other UX portfolio examples included in this review, we’re taking back a few brownie points because of site navigation issues. When we’re on the homepage the “Case Studies” navigation link just reloads the page. Also missing is something that would have been the icing on the cake: there are no takeaways about what he learned at the end of each project.

His UX portfolio site is at: http://www.samuel-medvedowsky.com

A UX portfolio showcasing TV UI design work.

Kristian Tumangan

Kristian is a California native with several years of in-house and agency experience. A self-motivated designer, he especially enjoys understanding user behavior and being able to use that information to design delightful experiences.

Showing the UX design process is the hallmark of the best UX design portfolios.

Kristian’s UX design process is demonstrated clearly throughout the project walkthroughs. The typical UX design methods and subsequent UX artifacts are shown step-by-step—discovery, personas, storyboarding , sketches, wireframes, prototypes, sitemaps, user testing and so on. And he finishes up with the key learnings he took away from the project. He addresses the problem, the solution, his role, the tools he used throughout the process, as well as providing a link to his live Marvel prototype.

Again, as with other UX designer portfolios included in this review, we’re taking back a few brownie points because of site navigation issues and silly stuff under his “About” page: “infrequent golfer, gamer, internet surfer, napper, sporadic traveler, and decent cook.” UX designers must pay attention to the UX of their site.

His UX designer portfolio site is at: http://www.ktumangan.com

Another great UX designer portfolio with mobile screens.

Adithya Holehonnur

Adi is a software engineer turned UX designer who grew up in Kudremukh , a small town in the heart of the western ghats in India where he spent most of his childhood wandering around in jungles or playing cricket. He currently works as a UX design lead for Honeywell, Bangalore.

A UX designer portfolio that demonstrates UX design principles.

Replete with animated GIFs of final app designs, this UX designer portfolio stands out, not only because of the detailed case studies but also for the “reflections” section at the bottom of each project—as UX designers we continue to learn from every project we engage. Adithya also presents the results that were achieved at the end of his case studies so visitors can see for themselves what design goal was accomplished—the successful fruits of his product design process.

His UX designer portfolio site is at: https://www.adithyaholehonnur.com

The best UX design portfolios demonstrate the UX design process.

Dora trained as an industrial designer at two of the world’s leading design schools. Fascinated by beautiful environments, creatures, and objects, she is also interested in the philosophy of design and in examining the social implications of product-making. She enjoys the complexity and fast pace of UX design and ‍likes to explore the possibilities of commercializing new product ideas because she believes that profitability and business success can ensure that artists and designers not only survive but also thrive.

Showing the UX design process in a comprehensive UX designer portfolio.

Dora is a recent grad of Springboard ’s UX Course. Her UX designer portfolio case study for her capstone project “Five-to-Eight” is exemplary. It goes into great, step-by-step detail about her user-centered design process and how she arrived at her final designs.

Her UX portfolio case study can be found here: https://www.daorongfang.com/5-to-8

Demonstrating her UX design process in her UX course capstone project UX designer portfolio.

Further Reading on the Toptal Blog:

  • UX Portfolio Tips and Best Practices
  • Presenting Design Work: The Right Way
  • The Best UX Tools (with Infographic)
  • The Tried and True Laws of UX (with Infographic)

Understanding the basics

What is a ux portfolio.

A UX designer portfolio is designed to showcase a UX designer’s work. It typically contains detailed case studies of UX design projects, demonstrating skill and approach.

What is the work of a UX designer?

A UX designer is an advocate for the end-users of a website or product. Key areas of focus include information architecture, user research, branding, visual design, and content. They need to empathize with their subjects, tell a story well, and possess strong creative, technical and problem-solving skills.

What are UX methods?

Some UX design methods include service blueprints, customer journey maps, personas, use cases & scenarios, wireframes, user research & usability studies, prototyping, sketches, accessibility analysis, heuristic analysis, brainstorming, mood & storyboards, KPIs, competitive audit, stakeholder interviews.

What is a UX process?

There is overlap in the UX design process, but the key phases are UX strategy, research, analysis, and design.

What does a user experience researcher do?

A UX researcher engages user experience research which is used to communicate what is needed from the end user’s perspective to UX designers and product teams and includes a wide range of methods, eg. usability testing, interviews, surveys, card sorting, tree testing, heat maps, field testing, etc.

  • Product Design

Miklos Philips

London, United Kingdom

Member since May 20, 2016

About the author

World-class articles, delivered weekly.

By entering your email, you are agreeing to our privacy policy .

Toptal Designers

  • Adobe Creative Suite Experts
  • Agile Designers
  • AI Designers
  • Art Direction Experts
  • Augmented Reality Designers
  • Axure Experts
  • Brand Designers
  • Creative Directors
  • Dashboard Designers
  • Digital Product Designers
  • E-commerce Website Designers
  • Full-Stack Designers
  • Information Architecture Experts
  • Interactive Designers
  • Mobile App Designers
  • Mockup Designers
  • Presentation Designers
  • Prototype Designers
  • SaaS Designers
  • Sketch Experts
  • Squarespace Designers
  • User Flow Designers
  • User Research Designers
  • Virtual Reality Designers
  • Visual Designers
  • Wireframing Experts
  • View More Freelance Designers

Join the Toptal ® community.

CÅSE STUDIËS

Case studies are the foundation of your portfolio. But writing great case studies is as daunting as assembling that Swedish shelf that’s also a bed that’s also a bicycle. The Semplice guide to case studies makes it easy.

Jot down your main points – before you do anything else.

  • Rather than writing content to fit your design, start with it.
  • Don't bother with images or layout yet. Simply put down your thoughts in a doc.
  • Think of your project in phases. Start with Phase 1 (usually the ideation or exploration phase).  Write it all down and continue to Phase 2.

Keep it brief & caption everything.

People scan, they don’t read. If we scroll through and only read your 1-2 sentence captions, we should still understand the project. The whole thing should take three minutes to read, tops.

Mackey Saturday 's case studies are scannable with short paragraphs between images.

Mackey Saturday's case studies are scannable with short paragraphs between images.

browserbar_dark

If you are reading this, it is because your browser does not support the HTML5 video element.

Do make your case study scannable with headlines, short paragraphs and captions.

Don’t write a novel, Dickens. We don’t get extra points for word count anymore.

Don’t write a novel. We don’t get extra points for word count anymore.

Give credit & explain your role.

This could be as simple as listing “Role: art direction & design” or including a full list of team credits (if you’re nice). Understanding what part you played is crucial and can mean the difference between getting hired or not.

Christina Michelitsch lists credits on each project just like a film would. It's classy.

Do include team members and your role on the project.

Don’t be shady about what part you played in the work.

Write in your voice.

Acronyms and buzzwords only distance your reader. Don’t try to impress with lofty language. Just share your work in your own voice and be as clear as possible.

We should finish reading with a sense of your personality.

Provide context to the project and your design process.

Think about what your reader needs to know to appreciate this project. As concisely as possible, explain how you approached the problem and how you worked through it.

Caroline Lewandowski 's case studies share the project challenge and how she solved it.

Do share how you approached a project from concept to solution.

Don’t drop a bunch of photos on the page without context and call it done.

Don’t add a bunch of photos to the page without context.

Think of each case study like a magazine feature.

Magazine spreads are designed to fully immerse you in the piece. They include photos at specific places to illustrate a point or bring a scene to life. They use pull quotes to pique your interest or point out a compelling part of the story. They break up paragraphs with photos, but take care to not disrupt your reading experience.

Think about the story you want to tell with your case study. Each story is unique, and your case studies should be too.

Instead of using the same template for every project,  Noemie Le Coz   customizes each page to fit the brand and tell a story.

Instead of using the same template for every project, customize it to fit the project. Semplice allows you to use unique navigations, footers and more to fit the work.

Do design each page uniquely to fit the work and put your project in the best light. 

Do design every piece of your project page to best set up your work.

Don't use the exact same template for every project, if you can avoid it.

Do you have all the right details in your case study?

1. Title of project

Consider including the type of work in the title so we can easily see your specialities at a glance. 

For example, instead of “Nike Air Max” say “Nike Air Max ecommerce experience.”

2. Introduction & goal

Set the scene for your reader with a quick sentence explaining what this project is all about.

What’s the product? What was the briefing? What challenge did you set out to solve? Did you have a certain idea or expectation for the project when you began?

3. Process & experience

In a paragraph or two, explain how you worked through the project. Why did you choose that approach? Did you take a unique angle or notice some surprising insight? Ask yourself “why” a thousand times, and then answer those questions.

4. The outcome

What happened? Did you feel proud of the result? Did it increase the client’s sales by 2000%? 

A case study should ideally be a success story. If it's not, tell us why it's meaningful and what you learned from it.

5. Credits & your role

This could be as simple as listing “art direction & design” beside the project summary or listing the full team like a film.

6. Images with captions

If someone scrolls through your case study and only reads the headlines and captions, they should still understand your project. 

Semplice6_Box_duo

Join the Semplice family & launch your portfolio

Available only with Semplice 6 Studio edition

Available only with Semplice 6 Studio edition

Semplice 6 is a new paid product, not a free update. Already an owner of Semplice 3, 4 or 5? Please read here.

Semplice 6 is a new paid product, not a free update.  Already an owner of Semplice 3, 4 or 5? Please read here.

Semplice-HallofFame-Banner

Success! Now check your email to confirm your subscription.

There was an error submitting your subscription. Please try again.

Privacy Policy Terms and Conditions Imprint

Need help with your license key? Write us at [email protected]

10 Awesome Product Design Portfolios To Learn From

Are you seeking inspiration for your product design portfolio? Here are 10 great examples to show you how it can be done.

Every product designer needs a solid portfolio. Whether you’re a newbie, a senior, or an award-winning design leader; your product design portfolio showcases your best work, demonstrates your skills, and forms the basis of your personal brand. 

And, while every product design portfolio is unique, there are certain best practices that are non-negotiable—ensuring that your portfolio is user-friendly, and using each project case study to demonstrate your process. 

To help you in your quest, we’ve rounded up 10 of the best product design portfolios from around the web (and what you can learn from them). A good option for getting guidance in creating and developing your portfolio is to take a product design program  or course. We offer  a top-rated one here at CareerFoundry.

Table of contents

  • The 10 best product design portfolios out there

Product design portfolio best practices

  • Key takeaways

Product design portfolio FAQ

Ready to be inspired? Let’s go! 

The 10 best product design portfolios out there 

1. florian bölter: the power of single-page design.

Florian Bölter is a product designer on a mission to craft human-centered consumer-facing products. 

Florian studied literature at university and began his career in publishing. But, after completing the CareerFoundry UI design program, he switched to product design (you can read Florian’s full career-change story here ). Nowadays, he’s working as a senior product designer for an AI platform.

Why we love Florian Bölter’s product design portfolio

Florian’s product design portfolio is a single-page masterpiece. It’s clean, it’s simple, and it’s incredibly straightforward to navigate—like any good digital product should be.

He leads with a clear headline, stating who he is and what he does, followed by clickable project case studies—each of which is logically structured, walking you through his process from start to finish. 

The takeaway

Less is often more. A simple, one-page portfolio can be just as impactful as an elaborate, fancy design. Prioritize the most important content, keep your portfolio clean and clutter-free, and make sure it’s easy to navigate. 

View Florian’s product design portfolio

2. Roxy Zhang: the importance of storytelling

Roxy Zhang is a business-focused product designer with a passion for qualitative research and photography. She strives to create solutions that make a positive impact on society, and you’ll see that reflected in her portfolio case studies.

What we love about Roxy Zhang’s product design portfolio

Roxy’s product design portfolio provides a masterclass in storytelling. She starts each project case study with “The Story”, framing it as an adventure that she invites you to join her on. In her Lovepath case study , for example, Roxy sets the scene by asking “Is love only preserved for those with deep pockets?” then says “Join me on a journey to challenge conventional thinking, inspire change, and revolutionize the way we think about love and money!” 

She then sets out the problems, the solutions she came up with, and how she got there—with delightful illustrations presented in comic strip-style along the way. You can even watch an animated video of how the Lovepath app came to be! 

Storytelling is an extremely powerful tool when building your product design portfolio. With each case study, you want to tell a logical story from start to finish. Hook the reader and set the scene with a strong introduction, then take them through each step in your process—with visual artifacts along the way. 

View Roxy Zhang’s product design portfolio

3. Miti Kotak: thoughtful learnings and reflections

Miti Kotak is a product designer based in Berlin, Germany, who loves untangling complex problems with ‘practical and testable solutions that are desirable, feasible, and viable for both the business and its users.’ 

Why we love Miti Kotak’s product design portfolio

Miti’s portfolio does a great job of showcasing how they approach design challenges. Each case study tells a cohesive story, detailing the project brief, Miti’s role on the project, the discovery phase, and solutions found. We especially love the “What I have learned” section at the end of each case study, detailing Miti’s reflections and observations. 

Conclude your portfolio case studies with key learnings, takeaways, or reflections. You can also include a summary of what went well and what you would do differently next time. This shows employers that you’re reflective and always looking to learn and improve. It’s also a great opportunity to demonstrate your problem-solving skills. 

View Miti’s product design portfolio

4. Alexander Davis-Grimes: owning your career-change story

Alexander Davis-Grimes describes himself as a UX/UI designer and aspiring design technologist who wants to stay ahead of the curve, learn something new every day, and create smart, memorable, and intuitive designs with just a splash of ‘extraness!’

Like many product designers, Alexander started out in an unrelated field. Now, after studying with CareerFoundry to master UX and UI design, he’s working as a product designer at LinkedIn. 

Why we love Alexander Davis-Grimes’ product design portfolio

Alexander is a career-changer, and he’s not trying to hide that in his portfolio. Quite the opposite, in fact. In his ‘About me’ section, he shares an open and honest account of his experience breaking into the field as a newcomer. 

“ I’ve always taken a creative approach to problem-solving, so one day I figured, why not do the same for my career? My journey transitioning into design has not been an easy feat, but every second has been more invigorating than the next, and I wouldn’t trade this experience for the world!”

In doing so, Alexander markets himself as a committed learner and a passionate problem-solver—important qualities for a product designer.

If you’re a newcomer to the field, don’t be afraid to own that in your product design portfolio. Share your career-change story in your ‘About me’ section. Explain why you decided to switch to product design and emphasize the qualities that make you a great fit for this path—such as curiosity, a desire to learn, or a natural gift for empathy. 

View Alexander Davis-Grimes’ product design portfolio

5. Cristie Huang: You can turn anything into a compelling case study

Cristie Huang is a San Francisco-based product designer with a Bachelor’s degree in Information Science. She’s got some impressive product design internships to her name, and she’s the co-founder and Head of Design for a startup called Cumulus—an edtech platform that seeks to empower underrepresented groups in high school to explore opportunities in tech. 

Why we love Cristie Huang’s product design portfolio

Besides the super-clean design and cool homepage illustration, what we really love about Cristie’s product design portfolio is the case studies. 

Cristie’s case studies aren’t all based on run-of-the-mill projects. She’s got a case study for a hackathon she took part in (which led to the idea for Cumulus, her edtech platform startup) and one for her product design internship at a company called Grabbd. 

These do an excellent job of showcasing her product design skills—and show the importance of being creative with your portfolio, especially if you don’t have a ton of product design experience just yet.

Cristie teaches an important lesson about building an effective portfolio: you can turn pretty much anything into a compelling case study. Even if you haven’t got many (or any) real-world projects for your portfolio, you can still showcase your design skills. 

Think about scenarios where you’ve applied problem-solving or implemented a particular step in the product design process (like research or ideation). Turn that into a case study and show hiring managers what you’re capable of.

View Cristie Huang’s product design portfolio

6. Rachael Grocott: Beautiful UI design makes a lasting impression

Rachael Grocott is a seasoned product designer with over eight years’ experience in the industry. Besides designing awesome digital products, Rachael runs Triangirls , a community for women and non-binary people in tech. 

Rachael is also a talented illustrator, an established public speaker, and an accomplished coach and mentor. She’s an all-round design pro, and she’s got the portfolio to prove it.

Why we love Rachael Grocott’s product design portfolio

Rachael’s product design portfolio is one of the most visually compelling portfolios we’ve come across. It’s colorful and playful, bold yet harmonious, and entirely unique. Just look at that googly eyes animation on the home page! The overall aesthetic is incredibly powerful, and it speaks volumes about Rachael’s talent as a product designer. 

Looks aren’t everything, but beautiful UI design will help your portfolio stand out. If you’re a product designer in the digital space, use your portfolio website as an opportunity to showcase your visual design skills. Whether it’s a quirky animation, custom typography, or a bold color scheme—don’t be afraid to make an impression. 

View Rachael Grocott’s product design portfolio

7. Mide Ajayi: The art of carving out a strong niche

Mide Ajayi is an XR and digital product designer with additional expertise in 3D design. 

XR stands for Extended Reality —an umbrella term for the different types of technology that alter our perception or experience of the physical world. Augmented Reality (AR), Virtual Reality (VR), and Mixed Reality (MR) all come under XR. 

All that to say: Mide Ajayi is a product designer who’s right at the cutting edge! 

What we love about Mide Ajayi’s product design portfolio

Through his product design portfolio, Mide has carved out a clear niche for himself. Although his skill set is broad—spanning UX and UI design, product design, 3D modeling, and even cloth simulation—his portfolio focuses on his work in the fintech space. 

As you browse through his case studies, including an immersive AR app for NFT owners and various mobile products within the blockchain industry, you immediately get the sense that Mide is your go-to product designer for anything fintech-related. That’s powerful personal branding!

Use your product design portfolio to build your personal brand and market yourself according to your specialist expertise or areas of interest. If you see yourself as a healthcare product designer, for example, focus your portfolio on healthcare-related case studies. This is how you’ll attract relevant opportunities and carve out a strong niche. 

View Mide Ajayi’s product design portfolio

8. Laura Block: Communicating the value of your work

Laura Block is a freelance product designer based in London. Her work spans user research , UX and UI design, user testing, and content design, applied to projects across fintech, edtech, hospitality, and digital transformation.

What we love about Laura Block’s product design portfolio

Laura’s product design portfolio is beautifully simplistic and clean with tons of white space—but that’s not why it’s on our list. What really stands out on Laura’s portfolio is how she clearly communicates the value of her work. 

Each case study includes a section titled “How did I have an impact?” where Laura summarizes the value she delivered to the end user and the business. In her Kitt Offices case study , for example, she explains how the platform redesign resulted in a 400% increase in location updates and a 50% increase in external broker enquiries. Impressive!

Don’t just showcase what you did and how you did it; explain why it mattered and the impact it had. Where possible, translate your design work into measurable value—such as a percentage increase in conversions or a reduced bounce rate. If you don’t have numbers to hand, talk about the qualitative value of your work or provide anecdotal evidence from users and stakeholders. 

View Laura Block’s product design portfolio

9. Zoë Sinner: Testimonials for the win!

Zoë Sinner is a senior product designer with a focus on interaction design, product strategy, and visual design. At the time of writing, she’s a Lead Product Designer at Hinge Health, a digital clinic for joint and muscle care. Previously, she worked at Meta. 

What we love about Zoë Sinner’s product design portfolio

Many of Zoë’s portfolio case studies are password protected, so not just anyone can view her work. This is usually the case if you’ve signed an NDA with a client, or if the project involves sensitive information that the company doesn’t want public. 

We still get a feel for what a capable product designer she is, though, thanks to some brilliant testimonials on the homepage. Scroll down to the “Kind words” section and you’ll read how Zoë is a ‘force multiplier’ who makes ‘whole teams better’, ‘a catalyst of creativity’, and the go-to person for wrangling solutions and getting multiple stakeholders aligned. 

These testimonials are especially powerful because they emphasize the value that Zoë brings not only as a designer, but as a collaborator—and that can be hard to demonstrate through case studies alone. 

If possible, enhance your product design portfolio with testimonials. These can be from clients, colleagues, managers, or fellow students if you’ve completed a product design course —anyone who’s worked with you and can speak to your strengths as a product designer. 

When gathering testimonials, encourage your testimonial-givers to focus not only on what you do, but how you do it. What are you like to work with? What unique value do you bring to the team? What’s special about your approach to problem-solving and product design? This will give future clients and employers great insight into what it’s like to have you on their team—and makes a compelling case as to why they should work with you. 

View Zoë Sinner’s product design portfolio

10. Karim Rashid: Showcasing the breadth and diversity of your skillset

Karim Rashid is an industrial designer renowned for designing luxury goods, furniture, lighting, and product packaging. He’s won over 300 awards for his work—so you can imagine how impressive his product design portfolio is. 

What we love about Karim Rashid’s product design portfolio

Karim’s portfolio makes a bold statement. With custom typography, a bright color palette, and impressive visuals galore, it’s a design masterpiece in itself. 

But, beneath the fancy aesthetic, what really stands out is the sheer diversity of his work. Karim’s product design portfolio spans interiors, furniture, lighting, packaging, and consumer goods. In the ‘product’ category alone, you’ll find everything from towels, mugs, and pressure cookers to luggage, hairdryers, and refrigerators—all designed by Karim. 

Karim’s portfolio reminds us that product design is an incredibly diverse field. It’s not just limited to websites and apps; it encompasses any and all products that can be used, experienced, or interacted with in some way.

You may not have 300 design awards like Karim, but there’s still plenty of inspiration you can take from his portfolio. If, like Karim, you’re showcasing many different types of work or multiple aspects of your skill set, be sure to divide them up into clearly labeled categories. This makes it easier for employers to navigate your portfolio and zoom in on the areas they’re most interested in. 

View Karim Rashid’s product design portfolio

We’ve just explored some of the best product design portfolios out there. And, while they’re all unique, they’ve got lots in common, too. That’s because they’ve been created with certain best practices in mind. 

So what do all the best product design portfolios teach us? What best practices should you follow when creating your own portfolio? Let’s round them up.

1. Ensure that your product design portfolio is usable and user-friendly 

Like any other product you create, your product design portfolio must be usable and user-friendly. Anyone who lands on your website should be able to easily find what they’re looking for and navigate from one case study to the next. Ultimately, you want to provide a positive user experience—otherwise, you’re not sending a great message about your skills as a product designer. 

2. Make an impression with strong visual design 

You’re a product designer (or aspiring to be one), so you know that UX and UI design go hand-in-hand . Once you’ve got the layout and structure in place, polish up your portfolio with some first-class visual design.

All of the product design portfolios on our list have their own unique aesthetic—from Florian Bölter’s single-page simplicity to Karim Rashid’s bold and bright design. As you design the layout, colors, typography, and imagery for your portfolio, think about the impression you want to make and the personal brand you’re trying to build. 

3. Curate your best work 

Your product design portfolio is like a highlights reel of your very best work, so think carefully about the projects you’ll include. If you’re trying to carve out a particular niche, include projects that are relevant in that space. If you want to position yourself as a versatile product designer, showcase a variety of projects you’ve worked on. Your product design portfolio is a marketing tool, so curate it with your goals and your target audience in mind. 

4. Showcase your process and tell a logical story

Your product design portfolio is made up of project cases studies that demonstrate how you work. What’s the first step you take when presented with a design challenge? How do you arrive at effective solutions? What do you do if things don’t go to plan? 

Write each case study like a story with a clear beginning, middle, and end. Share the different techniques you used at each stage of the process, and include visuals to support the narrative—such as personas, wireframes, or even photos of you in action!  

And remember: the process is just as important as the final solution. Don’t just present the end result; show us how you got there. 

5. Talk about the impact of your work

Product design is all about solving end-user problems and driving business value. When you write up your portfolio case studies, it’s important to circle back to this and talk about the impact of your work. Where possible, speak in quantifiable terms and tie your work to key business objectives (such as increasing subscriber numbers or reducing bounce rates). If not, talk about the qualitative value of your work based on what you’ve heard from users, customers, or internal stakeholders. 

Key takeaways 

Your product design portfolio is an extension of your personal brand. It should clearly communicate who you are, what you do, and the skills, expertise, and value you can offer to prospective employers or clients.

It should be usable and user-friendly, visually appealing, and feature the projects you’re most proud of. For each project, be sure to tell a logical story that demonstrates your process—and translate what you did into measurable value. 

With a professional portfolio to hand, you’ll be ready to impress hiring managers, win freelance clients, and establish yourself as an accomplished product designer. 

Want to learn more about making it big in the world of product design? Check out these guides:

  • How To Become a Product Designer (Step-by-Step)
  • The Top Product Designer Skills You’ll Need To Get Hired
  • The Best Product Design Bootcamps for Budding Designers

What is a product design portfolio?

A product design portfolio is a dedicated website featuring a curation of projects you’ve worked on. It demonstrates your product design skills in action, showing employers and clients how you work, the process you follow, and what you’re capable of as a product designer. Your product design portfolio is an essential pillar of your personal and professional brand. 

What should a product design portfolio include?

A product design portfolio should include an ‘About’ page or section, contact details, and case studies. Each case study showcases a project you’ve worked on, outlining your role on the project, the problem you set out to solve, the process you followed, and the solution(s) you created. A product design portfolio can also include testimonials. 

How many projects should be in a product design portfolio?

When building your product design portfolio, aim to include at least 3 projects. This allows you to demonstrate the breadth of your skills and show employers how you tackle different challenges. As you gain more experience, you’ll have more projects to include in your portfolio. If you’re featuring more than 8 projects, consider dividing them into clearly-labeled categories.

  • Get started Get started for free

Figma design

Design and prototype in one place

case study for portfolio

Collaborate with a digital whiteboard

case study for portfolio

Translate designs into code

case study for portfolio

Get the desktop, mobile, and font installer apps

See the latest features and releases

  • Prototyping
  • Design systems
  • Wireframing
  • Online whiteboard
  • Team meetings
  • Strategic planning
  • Brainstorming
  • Diagramming
  • Product development
  • Web development
  • Design handoff
  • Product managers

Organizations

Config 2024

Register to attend in person or online — June 26–27

case study for portfolio

Creator fund

Build and sell what you love

User groups

Join a local Friends of Figma group

Learn best practices at virtual events

Customer stories

Read about leading product teams

Stories about bringing new ideas to life

case study for portfolio

Get started

  • Developer docs
  • Best practices
  • Reports & insights
  • Resource library
  • Help center

Figma Case study templates

Present your project in pre-built editable templates to get you started.

case study cover photo

UX Case study template

UX Case Study Template made to help UX Designers create and organize their case study without any struggle.

case study presentation image

Case study presentation template

Case study presentation to frame key insights and outcomes.

99 free illustrations

Long form research case study template with customizable styles.

design presentation deck

Design presentation deck

Modern design deck template with multiple sections.

Visual portfolio template

Visual portfolio template

Modern visual portfolio template with 12 column grid and light and dark themes.

Behance Presentation Template

Behance Presentation Template

Case study template with multiple components, visual styles and frame sizes.

Case study template

Case study template

Case study template with pastel style coloring.

Holistic Case Study Template

Holistic Case Study Template

Case study presentation template complete with project overview, wireframes and key journey insights.

snap illustrations image

Case study presentation layout for interview

Case study template with multiple app UI screens.

Portfolio UI - Web & Mobile

Portfolio UI - Web & Mobile

A portfolio UI for designers and developers which has 4 unique pages includes blog, case study.

apple device mockups

Apple device mockups

Complete Apple device mockup screens for iPhone, Mac, iPad and Apple Watch.

Explore 1,000+ templates on the Figma community

Explore even more templates, widgets, and plugins—all built by the Figma community.

Figma community

case study for portfolio

10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2024)

Explore these unique, standout UX/UI design portfolio examples from UX Academy graduates who landed new jobs in the field of product design.

Stay in the know with The Brief

Get weekly insightful articles, ideas, & news on UI/ UX and related spaces  – in to your inbox

Switching careers at any point is challenging.

Switching careers during a time of global and economic uncertainty is an even bigger challenge. That’s why we continue to be awed by the creativity of our UX Academy graduates who commit to pursuing their dreams of a creative career despite the challenges they face. 

As we enter a new calendar year, it's become more important than ever for new UX, UI, and product designers to enter the field with tools and training they need to stand out from the competition of entry level designers and top level talent.

A huge part of the career pivot into the world of product design includes a unique, relevant UX design portfolio. While we regularly publish success stories of UX Academy alumni that profile how and why they made their career switch to UX/UI design, we also like to spotlight a few standout portfolio examples to showcase the original, creative ways that they showcase their abilities.

With the help of mentors and career coaches, the Designlab community continues to create noteworthy portfolios. Read on to explore a selection of UX design portfolios from Designlab students— that are sure to inspire you.

What Is a UX Design Portfolio?

A UX design portfolio is a compilation of work samples that demonstrates your skills and abilities as a UX designer. It should include examples that span the UX design process for relevant projects you've worked on—research insights, concept sketches, wireframes, and prototypes.

One of the most important aspects of a portfolio is to showcase your design thinking process and results. Furthermore, the best UX portfolios demonstrate an applicant’s ability to think critically and solve problems creatively in order to come up with innovative solutions—all valuable components when it comes to hiring managers finding the right candidate.

UX design portfolios are incredibly important for job-seekers because they provide hiring managers with a glimpse into your skill set and experience. The quality of a portfolio is used to quickly weed out potential candidates whose abilities may not match the specific requirements of the job.

Read more: How to Make a UX Design Portfolio: Tips & Examples to Help You Stand Out

What Should I Include In My UX Portfolio?

When building your UX portfolio, think about the types of projects you've worked on and the skills you have developed that would be valuable to potential employers.

Your portfolio should include a mix of work samples from each part of the UX design process, such as concept sketches, wireframes, prototypes, case studies, usability testing insights, or interactive design concepts. The overall look and feel should reflect your personal style while also highlighting the technical expertise you possess. Additionally, consider including any certifications or achievements that help to bolster your credentials.

Ultimately, your goal is to create a portfolio that demonstrates both your technical proficiency as well as creative problem-solving ability. Your portfolio should be concise yet comprehensive – so don’t overwhelm yourself by trying to cram too much into one.

[MID_ARTICLE_CTA]

What Makes a Good UX UI Design Portfolio?

There are some fundamentals to include in your portfolio, from projects that align with the type of company or role you're applying for (like how Grace Guibert tailored her portfolio website to highlight the UX writing elements of each project she worked on in UX Academy).

As you create your own portfolio , it's worth remembering that hiring managers aren't looking at your UX case studies in a silo to see if they check all the right boxes—if the UX work displayed in the projects is stellar but your portfolio website as a whole contains bad UX, that can wave a red flag.

For more insight and tips on crafting an effective UX design portfolio, watch this video by Kelly Stevens, who shares her top tips for design portfolios:

Read more: 6 UX/UI Design Portfolio Builders You Should Try, From Low Effort to Highly Customizable

10 UI & UX Design Portfolio Examples

Before they can graduate from UX Academy, each student must have their design portfolio approved by a panel of experts. This helps to ensure that each student has the strongest chance of success in the job search process as they move into the Career Services phase.

Each UX designer portfolio in this roundup is unique and stands out for a different reason. But it's worth noting that each UI / UX portfolio site also embraces visual design and UX best practices to create a powerful, engaging experience for curious viewers and prospective employers alike.

Nicole Locklair, formerly in charge of Talent Partnerships and Career Services at Designlab, selected these ten portfolios to showcase, along with insights into what was particularly great about each one. (Portfolios are listed in no particular order.)

10 Great Portfolio Examples from Designlab Students

Here are some of our top student portfolios, and insights into what we particularly liked about each. (Portfolios are listed in no particular order.)

1. Jane Noh

This is a screenshot of a UX design portfolio.

Jane's portfolio stands up for its bold color palette, strong research, and attention to detail. Using vibrant imagery and font choices across her work, Jane creates a portfolio that is incredibly visually dynamic.

Jane also has a background in education and brings what she learned from teaching to her UX design work. This shows particularly in products such as Domokos, a responsive project geared towards helping teach math—her area of expertise from when she was an educator herself.

2. Josie Allison

This is a screenshot of Josie Allison's UX design portfolio.

We talk about keeping things clean and minimal in design, but sometimes going over the top with visual elements works out. Josie has a background in Graphic Design, and clearly illustrates her ability to surprise and delight in her own portfolio. 

Her unconventional case study presentations challenge the norms, but the details are all there for someone who wants to take the time to learn more. In a sea of grids and san serif, Josie's work is a breath of fresh air. 

3. Florinda Sgueglia

This is a screenshot of a UX design portfolio.

With high contrast colors and an easy-to-read case study layout, Flo’s design skills truly stand out in every part of this eye-catching, beautifully well-done portfolio. It's also clear to see that she has a background in graphic design, with fun, playful elements such as dynamic illustrations in her "About Me".

4. Paula Wrzecionowska

Paula Wrzecionowska design portfolio website example for UX design

When recruiters or hiring managers are sifting through 50-100 UX portfolios for a single role, they may only look at one case study. Paula does a good job in her feature projects of summarizing the client/brand, task at hand, and work she did on the project in the rollover state. 

By including that information, the viewer can choose what's most relevant to them, instead of clicking on a random project that might not resonate. 

5. Gloria Ha

Gloria Ha product design portfolio website example

This is another great portfolio website that adds unexpected touches and a bold personal brand into the viewing experience. Elements on the homepage animate if you stumble across them, but aren't moving so quickly or intrusively as to detract from the work. 

'Gloria also has a good variety of work: a skincare e-commerce experience, a bank feature, and a travel booking redesign. Showing your versatility in this way can certainly help when looking for your first UX/UI design role.

6. Celia Hazard

This is a screen shot of a UX design portfolio.

Celia takes a fresh and unconventional approach to the presentation of her UX materials. Calling herself a "design scientist", Celia's work is heavily rooted in strong research to back up her project work. There are some bold visual choices, and Celia's well laid out case studies are comprehensive but still scannable. This is an exciting portfolio showcasing a unique perspective on UX design.

7. Jared Bartman

Jared Bartman Portfolio Homepage

So many portfolios are grid images on a white page, and while there’s nothing wrong with that approach, Jared’s portfolio stands out for its light grey background and use of color in general. One important feature is the “Back to Top” button on the right-hand side of the case study pages. Instead of having to scroll all the way back to the top of the page after you’re done, he’s made it much easier to navigate and keep going. 

8. Siriveena Nandam

Siriveena Nandam Portfolio Homepage

Another great example of how a subtle color shift can make the design that much more compelling. Siriveena also has a nice variety of projects in her portfolio. It’s tempting to only pick what you find most interesting or exciting, but in the real world, you’d be much more likely to work on a very specific feature, or for an audience you have no expertise with. It’s nice to show that you’re interested and able to design for all, and it’s great to see Siriveena reflect that here. 

9. Katherine Chen

This is a screen shot of a UX design portfolio.

Katherine’s portfolio is clean, consistent, and easy to navigate, with section buttons on the left-hand side of the page for navigation on the case study pages. She also shows how to feature a confidential project, which will often happen as a designer. The “Healthcare Staffing” case study shows you a bit of the branding, outlines the ask and deliverable, and when you click on it, brings you to a page where you can email her for access. 

10. Chofi Chang

This is a screen shot of a UX design portfolio.

Chofi's portfolio is a great study in how to display different types of projects without feeling fragmented. Chofi specializes in creating brand identity, and has project work across both UX and other types of design. The visual presentation showcases the various design projects, but still communicates a sense of cohesion.

Are you pursuing a career change into the field of UX/UI design?

If you want to create a UX/UI design portfolio that inspires, we invite you to learn more about our UX Academy bootcamp: a fully online, intensive bootcamp that equips you with the UX/UI skills and portfolio you need to launch a new career in the field of UX/UI design.

Get weekly insightful articles, ideas,& news on UI/ UX and related spaces  – in to your inbox

Launch a career in ux design with our top-rated program

case study for portfolio

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.

case study for portfolio

HOW TO BECOME A UX DESIGNER

Send me the ebook and sign me up for other offers and content on transitioning to a career in UX design.

Related posts

case study for portfolio

What Does a UX Designer Do? [Updated March 2024]

case study for portfolio

10 of the Best UX Design Bootcamps For 2024

case study for portfolio

How to Export Images from Figma

IMAGES

  1. 10 Exceptional Product Design Portfolios with Case Study Breakdowns

    case study for portfolio

  2. 31 Impressive UX Portfolio Examples with a Guide for Yours

    case study for portfolio

  3. UX Portfolio: Ideas to Make Strong Case Studies

    case study for portfolio

  4. Case Study Template

    case study for portfolio

  5. 15+ Professional Case Study Examples [Design Tips + Templates]

    case study for portfolio

  6. Portfolio Case Study Layout by Kris Bradbury on Dribbble

    case study for portfolio

VIDEO

  1. 5 Design Resources For Logo Designers

  2. Your Winning Portfolio 17Sep23

  3. Episode 17

  4. Portfolio Assessments

  5. Live Q&A

  6. Personal UX/UI product design case study reveal

COMMENTS

  1. UX Portfolio Case Study template (plus examples from successful hires)

    The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. UX Portfolio Case Study template. Project Title & Subtitle (A headline and subtitle that indicates the name and goal of the project) Client/Company/Project type; Project date (When did you work on the project)

  2. 10 Exceptional Product Design Portfolios with Case Study Breakdowns

    Madeline Wukusick Portfolio . Madeline is a graduate of our DesignerUp Product Design course. She was able to create an incredible portfolio working through our curriculum, blended with her background in graphic and data design that set her up for immediate success landing professional design roles. Case Study Format: The Result; The Observed ...

  3. How To Write A Case Study For Your Design Portfolio

    Looking at case study examples from successful designers is a great way to get ideas for making your case study portfolio more effective. Pay special attention to the case study design elements, including the layout, the number of images, and amount of copy. This will give you a better idea of how the designer keeps visitors interested in the ...

  4. 24 Impressive UX Portfolio Examples & a Guide for Yours

    Experienced designers know that in UX, case studies get you the job. The reason is simple: case studies showcase your UX skills and process in action, underpinned with examples. Therefore, as our research revealed, most design leads go for case studies right away when opening a portfolio.

  5. How to write engaging case studies for your portfolio

    Your portfolio case studies are your opportunity to show prospective clients and employers how you think, how you work and what you can contribute to the world. Here are five examples of designers who do case studies well. 01. Liz Wells. Wells includes videos of her website designs in action.

  6. How to write project case studies for your portfolio

    Check out lizvwells.com to see case studies done right. 3. Include the right details. It all depends on your personal style and you don't need to literally copy/paste this format, but your case study should loosely follow this outline or provide this information: Name of client, what they do & their location: Give your reader context and ...

  7. All About Process: Dissecting Case Study Portfolios

    A case study is a tool that a designer may use to explain his involvement in a design project, whether as a solo designer or part of a team. It is a detailed account, written in the designer's own voice (first person), that examines the client's problem, the designer's role, the problem solving process, and the project's outcome.

  8. Complete Guide to Building an Awesome UX Case Study

    Writing case studies for your UX portfolio can feel opaque and overwhelming. There are so many examples out there, and often the ones that make the rounds are the stunning portfolios of top visual designers. It can be inspiring to see the most beautiful work, but don't let that distract you from the straightforward format of a good UX case study.

  9. How to write case studies for your design portfolio

    Maintain your tone of voice. On a similar note, remember that your case study describes your project, so feel free to let your individual personality shine through in your writing. Keep the same tone as in the rest of your design portfolio's copy, in order to form a clear personal brand and consistent browsing experience.

  10. How to Create Case Studies for Your UX Design Portfolio When You Have

    You see, even though you have no prior experience, you can still create case studies for your portfolio. We'll show you how—in concrete, practical steps. First, let's start with what you'll need to create your UX case studies. We'll get into the details later; however, to start building your portfolio, you'll need:

  11. How to write a UX portfolio case study (+4 common mistakes)

    In this section, let's look specifically at the case study page. Apart from avoiding the 4 most-common mistakes of design portfolios, here are my top 5 tips to write a great UX/UI design portfolio case study: Start with the end. Frame the project. Show your decisions (not your process)….

  12. UX Research Portfolios That Will Get You Hired: 20 Templates and Examples

    6. Alexandra Nguyen's evaluative research hardware project with Nuro. While the case studies in this UX research portfolio are password-protected, this UX research portfolio by Alexandra M. Nguyen, a UX researcher at Nuro, provides a high-level timeline overview of how she created her path to UX research.

  13. 7 UX Designer Portfolio Examples: A Beginner's Guide

    UX case studies for your entry-level portfolio. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. Use these to build your portfolio, even if you've never completed UX design work for a paying client or employer. 1. The course assignment

  14. The 20 Best UX Portfolio Examples [Updated For 2024]

    For each case study in your UX portfolio, provide as much context as you can. Set the scene with a brief backstory before launching into your problem statement. This includes stating your role on the project and, if necessary, who you worked with. View Vera Chen's full portfolio website. 9. Zara Drei bedazzles with awesome UX and UI

  15. UX Designer Portfolios

    His UX portfolio includes case studies of work for Amazon Go Plus, GE Appliances and the U.S. Department of Health and Human Services. What's Great About This UX Designer Portfolio. Rahul's case studies are very detailed and walk people through his design process in an easily consumable way. Some designers make the mistake of adding way too ...

  16. How to Build a UX Research Portfolio (Step-by-Step Guide)

    The goal with each case study is it to present a good—but brief—story that highlights what skills you possess, what you learned, and what you accomplished. Step 5: Test your portfolio. You've got your bio and case studies written. You've made it easy for potential employers to connect with you and to see what others have said about your ...

  17. The Ultimate UX Case Study Template

    UXfolio is a portfolio and case study builder made with UX designers in mind. It offers stunning, customizable templates as well as a case study generator with text and image ideas. What's more, UXfolio comes with built-in device mockups, easy prototype embedding, and password protection on the portfolio or the case study level.

  18. UX Research Portfolios: Format + Examples

    How to create a POWERful case study for your UX portfolio by David Travis - POWER method explained in more detail. Breaking into UX Research: Ideas from our UX Community by Me - Find ideas for your UXR portfolios and see more examples. Building a Portfolio - New Layer Podcast - While related design portfolios, there's useful commentary on ...

  19. Semplice

    5. Credits & your role. This could be as simple as listing "art direction & design" beside the project summary or listing the full team like a film. 6. Images with captions. If someone scrolls through your case study and only reads the headlines and captions, they should still understand your project. Case studies are the foundation of a ...

  20. 6 Product Portfolio Management Case Study Examples

    Product Portfolio Management Case Study Overview: Conagra Brands. Industry: Consumer packaged goods and food processing. The consumer packaged goods industry has exploded in size over the last few years, and the sudden competition put Conagra Brands in a challenging spot. Confronted by trends in digital transformation, they needed to remain ...

  21. 10 Great Product Design Portfolio Examples To Learn From

    A product design portfolio should include an 'About' page or section, contact details, and case studies. Each case study showcases a project you've worked on, outlining your role on the project, the problem you set out to solve, the process you followed, and the solution(s) you created. A product design portfolio can also include ...

  22. 15+ Case Study Templates

    Case study presentation template complete with project overview, wireframes and key journey insights. ... Learn more. Portfolio UI - Web & Mobile. A portfolio UI for designers and developers which has 4 unique pages includes blog, case study. Learn more. Apple device mockups. Complete Apple device mockup screens for iPhone, Mac, iPad and Apple ...

  23. 10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2024)

    In a sea of grids and san serif, Josie's work is a breath of fresh air. 3. Florinda Sgueglia. With high contrast colors and an easy-to-read case study layout, Flo's design skills truly stand out in every part of this eye-catching, beautifully well-done portfolio.