Shape
Blog / / Case Study

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:

  1. 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).
  2. They are all at different stages of their careers (some newly minted and others seasoned veterans).
  3. They continue to learn, grow, push the envelope, document and share their genuine experiences.
  4. 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.
  5. Their evolution is apparent in their work.
  6. They are passionate about the problems they solve and find joy in connecting with the users they serve.
  7. They are transparent about their processes, thoughtful in their communication about it and not afraid to show what worked and what didn't.
  8. They have focused portfolios that reveal their unique point of view as a designer.
  9. They are a diverse group of designers from different cultural, gender and socio-economic backgrounds.
  10. 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.

Simon Pan

Homepage for Simon Pan's Portfolio
http://simonpan.com 

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

  • The Challenge
  • Kickoff
  • Early Insights
  • Discovery
  • Reframing the Problem
  • The Redesign
  • Design Strategy
  • The Launch
  • The Impact
“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 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 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
  • The impact
"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

Johny Vino

Humanize The Design writte on dark background
Johny Vino Portfolio 

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
Steph Parrott Portfolio 

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

  • Overview
  • Goals
  • Roles and Process
  • App Overview
  • Research
  • Interviews
  • 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

Tom Petty

Go Cardless screenshot on white page
Tom Petty Portfolio 

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
  • Challenges
  • 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
https://aucadian.com.au/

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

  • His role
  • Exploration and Ideation
  • Branding
  • Component Library
  • Website
  • B2B product interface
  • Mobile App
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

Elise Fu's Portfolio
http://www.elisefu.com/work-komeeda/

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
  • Background
  • Problem
  • User testing
  • User research
  • Information Architecture
  • Design
  • Implementation
  • Major Findings
  • Formal User Testing
  • Conclusion
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
Latiesha Caston Portfolio 

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

  • The Problem
  • The High-level Goal
  • The approach
  • Result
  • Pain Points
  • Optimizing flow and improving architecture
  • Interaction model breakdown
  • Challenges
  • 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

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/

  • My role
  • User research
  • prototyping
  • UI design
  • Built the product from zero
  • Branding
  • Results
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

One of our 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
  • Validation
  • User Interviews
  • Lean Canvas
  • Information Architecture
  • Visual Design
  • UI Design
  • Mistakes
  • Problems
  • 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.