ux case study sample

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

The 10 Most Inspirational UX Design Portfolio Examples in 2024

The highly competitive landscape of UX design demands a portfolio that will be your passport to success. It's your stage to unveil your expertise, innovation , and problem-solving prowess. Irrespective of your expertise, crafting a compelling UX design portfolio is essential to thrive in this exciting field. The easy way out of this is referring to UX portfolio examples .

94% of first impressions gained by websites are due to the platform’s design and web UI . Apart from the budding UX designers and the business masters, the clients and hiring managers are aware of these stats as well. Hence, to stand out and get the best business, designers must showcase their work in the best way possible. A well-designed product designer portfolio is the solution.

This article uncovers the secrets of creating the best UX portfolios . With a list of the top 10 UX portfolio examples , you will get valuable insights and inspiration to transform your portfolio into a masterpiece. 

Best UX Design Portfolio Examples

1. pratibha joshi: cover the vital elements of an attractive portfolio.

Pratibha Joshi’s landing page with her introduction and current designation.

© Pratibha Joshi Portfolio, Fair Use

Who and Why? Pratibha Joshi is a product designer working in the field of UI /UX design. She also has a degree in UX design and has worked with Microsoft, Sprinklr, and Google. Pratibha’s UX portfolio is an ideal example of UX design portfolios. It is a captivating blend of design finesse and compelling narratives, a masterpiece that both novices and experts in the UX realm can refer to. Her portfolio is unique in that it seamlessly intertwines design projects with captivating stories while incorporating all the essential elements, making it a good UX portfolio. Unique and Inspirational Factor This portfolio stands out due to its perfect combination of design and depth. It expertly blends fascinating stories into her design projects, making it an inspiring resource for UX designers and hiring managers. Her ability to convey the design process and decision-making behind each project is a source of inspiration. Differentiator and Major Takeaways Pratibha’s portfolio is unique in its use of thorough case studies , which showcase her problem-solving abilities and meticulous design approach. It goes beyond merely showing the finished product; it reveals the entire design process . The key takeaways include a strong focus on user-centered design and a structured presentation of her work.

Pratibha covers all elements of a UX portfolio through her case studies.

What can beginners and experts learn from this? Newcomers can learn the art of storytelling and cohesive presentation, while seasoned professionals can admire the depth and detail of her case studies. This portfolio is a benchmark for effectively communicating the value of UX design work and is a perfect example of a good UX portfolio .

2. Gloria Lo: Land the Landing Page Game

Gloria Lo’s landing page with her introduction, designation and hobbies.

© Gloria Lo Portfolio, Fair Use

Who and Why? As the landing page shows, Gloria Lo is a Sydney-based UI/UX product designer. She also dabbles in singing, painting, and writing. She has very smartly incorporated it into her landing page, giving visitors a quick overview of her likes and skills.

This portfolio is an excellent example of effective landing page design and personal introduction in the digital world. It is a compelling model for those seeking to make a powerful first impression. Unique and Inspirational Factor What distinguishes Gloria’s portfolio is its meticulous attention to the landing page. The design is visually captivating and highly functional. These attributes offer seamless navigation to the designer's work. Attention to detail is inspirational for those who seek to make a striking first impression and communicate their unique personality. Differentiator and Major Takeaways Gloria’s portfolio stands out from the competition through its well-thought-out landing page that provides clear signposts to the designer's skills, personality, case studies , and projects. The major takeaway is the importance of balancing aesthetics and user-friendliness in the design of the landing page, ensuring that visitors can quickly access the heart of the portfolio. What can beginners and experts learn from this? The professionalism in this portfolio is evident in the precision of the landing page, where design elements harmonize with user experience. Beginners can learn how to craft a landing page that makes an immediate impact, while experts can appreciate the meticulous design decisions that contribute to a seamless and engaging user journey.

Writer, designer and educator Ellen Lupton shows examples of visual storytelling and the importance of  storytelling in design.

• Transcript loading…

3. Jeff Shibasaki: Establish Expertise as a Novice

Jeff displaying his work experiences through case studies.

© Jeff Shibasaki Portfolio, Fair Use

Who and Why? Jeff Shibasaki is a professional UX writer and a budding UX designer from Atlanta. Jeff’s UX portfolio inspires new entrants with limited hands-on experience in the UX design field. It demonstrates how to effectively utilize imagined case studies, work testimonies, and other creative elements to showcase one's potential and build a compelling portfolio. Unique and Inspirational Factor The portfolio's uniqueness lies in transforming limited real-world experience into a powerful display of skills and potential. The creator boldly showcases their creativity and problem-solving abilities through imagined projects. 

Jeff’s innovative approach sets his portfolio apart in a competitive field.

Imagined case studies used by Jeff to show his design prowess and cover up for lesser experience.

Differentiator and Major Takeaways Key takeaways from Jeff’s portfolio include the importance of creative storytelling , effectively using imagined case studies, and showcasing one's ability to solve real-world design problems. The portfolio's professionalism lies in its capacity to transform limited hands-on experience into core highlights. Jeff utilizes his design skills to make this possible. This proves that imagination can be a powerful asset in UX design. 

Jeff has also highlighted his UX writing skills through the multiple work experiences he has completed. What can beginners and experts learn from this? Beginners can learn the power of storytelling and creatively demonstrating their skills, even without extensive experience. For experts, this example serves as a reminder that creativity and ingenuity can be as important as a long list of past projects. Jeff’s portfolio is perfect if you’re looking for beginner UX portfolio examples.

Stephen Gay, UX Design Lean at Google One, walks us through his criteria for evaluating a UX portfolio.

4. Lola Jiang: Leverage the Power of Measurable Metrics

Homepage of Lola Jiang shows her UX portfolio in a subtle way.

© Lola Jiang Portfolio, Fair Use

Who and Why? Lola Jiang is an experienced UX designer working at Google. She is a professional designer who also provides feedback on other’s portfolios. What sets her work apart is her unique approach of exhibiting her accomplishments. Jiang presents case studies in a detailed manner using the correct data. Unique and Inspirational Factor Jiang’s UX portfolio example stands out by emphasizing metrics and showcasing the tangible impact of her design projects. It is inspirational because it goes beyond design aesthetics and highlights how design decisions lead to measurable results. This makes it a valuable resource for aspiring UX designers who want to emphasize the practical value of their work.

Lola’s work with Google ads where she uses metrics to show the impact of her design work.

Differentiator and Major Takeaways Clients are always on the lookout for details that are result-oriented. Lola Jiang, through her UX portfolio, has been able to highlight the impact of a UX designer. Her emphasis on metrics and quantifiable results shows the effects of design decisions. What can beginners and experts learn from this? Beginners can learn the value of data-driven decision-making, while experts can appreciate the thoroughness of her case studies. Lola's portfolio serves as a reminder of the power of metrics in UX design. It also signifies how design choices can drive meaningful and measurable results.

5. Moritz Oesterlau: Case Studies, a Vital Element

Case study by Moritz about his work on building a website concept.

© Moritz Oesterlau Portfolio, Fair Use

Who and Why? Moritz Oesterlau is a tenured UX/UI designer. He has six years of experience and also works as a tutor. His portfolio is a compelling example of how to present UX design work in a comprehensive and accessible manner. It serves as a reference for those looking to craft a portfolio that showcases their work with clarity and precision.

Unique and Inspirational Factor This UX design portfolio example stands out for its user-friendly design and comprehensive case studies. It is an informative and easy-to-navigate resource for anyone interested in Moritz’s work. He highlights the importance of providing easy access to essential portfolio details, making it a user-centric example. About Moritz, his work, and his contact details are all made visible in a connected way. Differentiator and Major Takeaways Moritz's portfolio is one of the best UX portfolio case study examples . It is exceptional due to its well-structured case studies that showcase his design process, from initial ideas to final implementation. He has also mentioned the time he took to complete each project. It provides easy navigation to critical information and projects, making it an exceptionally user-friendly resource.

Case study details presented by Moritz in his portfolio.

What can beginners and experts learn from this? Beginners can learn from Moritz's portfolio by understanding the significance of presenting their work in an organized and accessible manner, ensuring that essential details are easily discoverable. For experts, Moritz's portfolio serves as a reminder of the importance of effectively portraying your UX design case studies in a detailed and structured manner.

6. Jessica Hische: Use Design to Showcase Your Personality

Attractive and vibrant homepage of Jessica Hische’s portfolio.

© Jessica Hische Portfolio, Fair Use

Who and Why? Jessica Hische is  a lettering artist, author, logo specialist, and UI/UX designer. She has drafted letterforms, worked in advertising, for books & films, and many more. Her portfolio is one of the most captivating UX writer portfolio examples of how to infuse creativity and personal expression into your portfolio. Her work inspires anyone looking to go beyond the ordinary and use their portfolio as a canvas for self-expression. Unique and Inspirational Factor What sets Jessica Hische's portfolio apart is its artistic flair and unique approach to presenting her work. It's inspirational because it showcases the potential of a portfolio as not just a professional representation but as a canvas for artistic expression. Her portfolio is a true embodiment of the fusion of art and design.

Typography , Illustrative and Lettering work by Jessica as displayed on her portfolio.

Differentiator and Major Takeaways Jessica's portfolio uniquely showcases her design skills and highlights her artistic expression and creativity. It goes beyond traditional portfolio formats and demonstrates that a portfolio can be an art form. Key takeaways from Jessica's portfolio include the importance of personal branding , creative exploration, and the idea that a portfolio can serve as a platform for self-expression. What can beginners and experts learn from this? Jessica Hische's UX portfolio example highlights the ability to balance creativity and professionalism. She demonstrates how your portfolio can be a creative expression while effectively communicating one's design skills. It is a valuable resource for beginners and experts, offering insights into personal branding, creative exploration, and the art of merging creativity with professionalism.

Michal Malewicz , co-founder of HYPE4 explains the importance of visual skills and shares some tips in this video.

7. Daniel Autry: Best Foot Forward

Daniel Autry’s introduction to his UX portfolio.

© Daniel Autry Portfolio, Fair Use

Who and Why? Daniel Autry is a product designer and developer who works for Google, specifically on news experiences. Daniel’s portfolio is an excellent demonstration of strategic curation when it comes to UX design portfolio examples . It is an ideal reference for those seeking to present their best works with clarity and impact. Unique and Inspirational Factor What distinguishes Daniel Autry's portfolio is his selective approach to showcasing work. It's inspirational because it emphasizes the art of restraint—each case study is a portfolio in itself. This portfolio proves that quality, not quantity, is the key to creating a lasting impression. Differentiator and Major Takeaways Daniel's portfolio stands out by its focused approach, presenting a carefully curated selection of his best works. He has included his best results under the featured tab and mentioned the key areas he worked on in the project. He also concisely mentions his other works in the later part of the portfolio. The major takeaways include the importance of selecting quality over quantity, strategic curation highlighting strengths, and a reminder that a concise portfolio can significantly impact a competitive field. What can beginners and experts learn from this? Beginners can learn the value of strategic selection and how showcasing fewer, high-quality projects can leave a more memorable impression. Experts can appreciate the art of presenting a portfolio that prioritizes the viewer's experience, making it easy to navigate and absorb the essence of each project.

Cory Lebson, Principal and Owner of Lebsontech LLC, talks about how you can reframe your professional experience in your UX portfolio in this next video.

8. Kyle Kovacs: Minimalism And Consistency

Kyle Kovacs UX portfolio uses minimalism to display his design work.

© Kyle Kovacs Portfolio, Fair Use

Who & Why? Kyle Kovacs is a computer science graduate who stepped into UX design due to his passion for design. Kyle shows how consistency and minimalist design can elevate the user experience in a UX portfolio. It is a reference for creating a professional and visually attractive presentation. Unique and Inspirational Factor What sets Kyle Kovacs' portfolio apart is its regularity in both design and content. It's inspirational because it demonstrates how a minimalist approach can still convey depth and impact, showcasing the power of simplicity in UX design presentation . Kyle uses the same font and design styles throughout his portfolio and has kept the text and design elements minimal yet impactful. Differentiator and Major Takeaways Kyle's UX design portfolio example stands out through its consistent design language and minimalist writing style, creating a seamless and engaging user journey. The major takeaways include the importance of visual continuity, minimalist writing, and the ability to convey complex design concepts. What can beginners and experts learn from this? Beginners can learn the significance of maintaining a visual theme throughout their portfolio, while experts can appreciate the art of simplifying complex ideas. Kyle's portfolio serves as a reminder that a minimalist approach can be both professional and impactful.

9. Yu-Hsuan: Illustrative Touch To Make Up For Locked Projects

Homepage of Yu Hsuan’s UX portfolio, a product designer at Oracle design.

© Yu Hsuan Portfolio, Fair Use

Who and Why? Yu Hsuan is a product and UI/UX designer working on financial products at Oracle Design. She has previously worked at Google Assistant, NYU IT, and Backer-Founder. Yu has seamlessly blended UX design with an illustrative touch. It is an inspiring reference for those looking to infuse creativity into their portfolios, primarily through visual storytelling. Unique and Inspirational Factor Yu Hsuan's portfolio harmonizes UX design and illustration , creating a cohesive narrative for her work. Many UX designers face the confidentiality factor associated with their projects while curating their portfolios. Yu has managed to leverage her design skills to her benefit to tackle this problem. With an illustrative touch, Yu has tried to add depth and personality to her UX projects . Differentiator and Major Takeaways Yu's portfolio offers a glimpse into her UX projects through password-protected case studies while creatively showcasing side projects with an illustrative flair. The major takeaways include the importance of storytelling, the integration of illustration to convey personality, and how a mix of locked and visually accessible projects can create a sense of mystery and engagement. Yu has tried to incorporate and showcase whatever is missing in the locked projects using her illustrative skills in her side projects, which she calls Playground. What can beginners and experts learn from this? Beginners can learn the power of storytelling through visuals, while experts can appreciate the strategic use of locked projects to build anticipation and curiosity. Yu's portfolio is a reminder that creativity and a personal touch can coexist with professionalism.

Side projects and experimental design work by Yu Hsuan as displayed on her portfolio.

10. RunWild: Interactive Design and Seamless Navigation

RunWild design’s interactive and appealing landing page on his portfolio.

© RunWild Portfolio, Fair Use

Who and Why? RunWild Design , aka Chris, is a designer who has worked for over 12 years with brands on their products, websites, apps, and UI/UX designs. He also does illustrative and graphic work. Chris introduces a refreshing take on UX design presentation, emphasizing interactive brilliance. He has created an immersive experience that aptly integrates design work. Unique and Inspirational Factor Its innovative interactive design and easy navigation set Run Wild’s portfolio apart. It's inspirational because it transforms the typical UX portfolio into an engaging journey, allowing visitors to explore projects effortlessly. This portfolio inspires by demonstrating that UX design can extend beyond projects, creating an immersive and memorable experience.

RunWild design’s portfolio incorporates seamless navigation through a scrolling single-page design.

Differentiator and Major Takeaways Run Wild's portfolio stands out through its commitment to user experience, leveraging vital elements of its design work (Logos & illustrations) and user-friendly navigation. Chris understands the importance of the ease users seek, even if it is a client trying to find the best designers. He has successfully incorporated interactive design and smooth navigation to present diverse work. What can beginners and experts learn from this? The innovative portfolio of Run Wild can teach beginners the value of incorporating interactive elements to make their portfolios more memorable. Expert designers with more experience can note the strategic use of easy navigation to guide visitors through diverse projects.

Takeaway: So, What Makes a Good UX Portfolio?

Crafting a stellar UX portfolio is more than just showcasing your design projects; it's about storytelling that resonates with your audience. All the remarkable UX portfolio examples from across the world have shown us that irrespective of your tenure or experience, paying attention to crafting an innovative UX portfolio can push you toward success very fast. The portfolio is a testimony of your design skills if crafted with a specific vision, keeping in mind the key elements that the industry looks for. 

The essential elements of a good UX Portfolio: Powerful storytelling, Data-driven case studies, Strategic Curation, Minimalistic Approach, Interactive Brilliance, Personality and Creativity.

© Interaction Design Foundation, CC BY-SA 4.0

Let's revise the key takeaways from these inspiring UX portfolios to understand what makes a portfolio stand out:

1. Powerful Storytelling : Explain the design journey from concept to execution by seamlessly blending captivating stories with design projects.

2. Data-Driven Case Studies : Try to showcase the tangible impact of your design decisions through data to convey real value and highlight the importance of organized presentations.

3. Strategic Curation : Make your portfolio stand out with its selective approach by strategically showcasing your best work.

4. Minimalistic Approach : Demonstrate the power of minimalism in your portfolio by using simple and crisp design elements.

5. Interactive Brilliance : Use interactive design and seamless navigation to create an immersive experience for your visitors.

6. Express Personality : Make your portfolio a canvas for self-expression by going beyond showcasing skills and finding ways to infuse creativity into your portfolio. 7. Infused Creativity : You can showcase your skills with an out-of-the-box creative approach to make your portfolio stand out among competitors.

Want to Create a Stunning UX Portfolio?

Beginning the journey to create a UX portfolio that impresses and captivates your potential clients can be daunting. Whether you're just starting or looking to enhance your existing portfolio, the path to excellence lies in understanding the art of presentation. 

Gain insights from industry experts, refine your storytelling techniques, and learn how to showcase your work with IxDF's course on creating a UX portfolio . This course is the ideal option if you’re looking to elevate your design narrative to new heights!

References and Where to Learn More

More Inspirational UX portfolios here.

Build a Standout UX/UI Portfolio: Land Your Dream Job

Get Weekly Design Insights

Topics in this article, what you should read next, how to change your career from graphic design to ux design.

• 1.4k shares
• 10 mths ago

How to Change Your Career from Marketing to UX Design

• 1.1k shares
• 4 years ago

How to Change Your Career from Web Design to UX Design

UX Roles: The Ultimate Guide – Who Does What and Which One You Should Go For?

How to Write the Conclusion of Your Case Study

• 6 years ago

7 Tips to Improve Your UX Design Practice

How to create the perfect structure for a UX case study

• 11 mths ago

How to Build a UX/UI Design PDF Portfolio That Hiring Managers Will Love (Includes Examples)

7 Powerful Steps for Creating the Perfect Freelance CV

Tips for Writing a CV for a UX Job Application

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!

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!

Free wireframing & prototyping

Free collaboration & handoff

Free online UI design

Top 22 Stunning UX Case Studies You Should Know in 2022

Table of contents, what is a ux case study.

• 22 Best UX case study examp

How do you create a UX case study?

An immersive yet well-structured UX case study helps UX professionals show off their design talents in portfolio websites, and let them communicate better with employers, designers and others easily.

However, as a UX designer , how can you write a perfect UX case study to easily get hired or communicate with others better?

Mockplus has handpicked 22 of the best UX design case study examples in 2022 to help you get inspiration, improve your portfolios and make your own things with ease. A step-by-step guideline about how to create a UX case study is also followed.

A UX case study tells the story of how you create a great website or app and, in particular, what you do to improve the UX of the site. UX designers—newbies and experts alike—will often share a case study on a portfolio website as a great way to get hired. Just like sending a resumé. 

So, it is a lot more than just a copy of everything you've done while designing the project. To really showcase your design talent and the breadth of your abilities, you need to make sure the following are all included:

• A full description of your role in the project;
• The biggest challenges you've faced;
• The solutions you've chosen, how you chose them and why;
• How you communicate and collaborate with others; and
• The outcomes and the lessons you’ve learned.  

To this, you should feel free to add any further information that you think would help you stand out from the crowd. 

It is also worth remembering that UX case studies are a good resource for UX design beginners to learn more practical design skills and to gain from the real experience of others in dealing deal with difficult or urgent problems.

22 Best UX case study examp le s you should learn

Whatever stage you’re at and whatever you are writing your case study for, these 22 top examples are bound to inspire you. 

1. Perfect Recipe -UX design for cooking and shopping

Designer s : Marina Yalanska and Vlad Taran

Case Study : Perfect Recipe

This is a mobile application that enables users to search for food recipes and to buy what they need to cook different dishes.

Why d id  we choose this  one?

This case study illustrates the entire UX design process is very simple, plain language. Many aspects of the process are included, along with some really inspirational ideas, such as product personalization, challenges and solutions, animated interactions, and other interface details.

Extra tips :

This example is from the Tubikstudio blog, which is very popular among designers. It regularly shares different branding, UI, and UX case studies. We would strongly recommend that you follow this blog to keep yourself up to date with the latest and most creative case studies.

View details

2. GnO Well Being - Branding, Web Desing & UX

Designer : Marina Yalanska and Olga Zakharyan

Case Study : GnO Well Being

This is a creative illustration website that presents and sells a weighted designer blanket that helps you get a good night’s sleep, the first step to good health and a better life.

Why d id  we choose this ?

This example is so much more than a great UX case study. In addition to the UX design , it gives you insight into many more key design issues, such as the logo, custom graphics, website pages, interactions and so on. There are many ideas here that you could copy for your own projects.

3. Splitwiser - UI/UX case redesign

Designer : Chethan KVS (a Product designer at Unacademy)

Case Study : Splitwise

This is a concept mobile app that enables users to track and split expenses with friends. The designer has also given it another name, "Splitwise." 

Why do we choose this ?

This case study shares the designer's insights into key design decisions, such as why he chose this product, why he decided to redesign the logo, how to improve the onboarding and other pages, how to optimize the user flow, how to balance all pages and functions, how to enhance UX through bottom bars, interactions, gestures, view modes, and more.

Everything is explained using intuitive images, earning it thousands of “likes”. This is a great example that is bound to help you write a stunning case study on redesigning UX.

This comes from a popular media channel called "UX Planet" that regularly posts examples of the best and latest UX case studies from around the world. Another great place to keep you up to speed with the latest UX designs.

4. Deeplyapp.com - UX & visual improvements

Designer : Sladana Kozar

Case Study : Deeplyapp

This is a health and self-care website app that helps users maintain mental well-being with meditations and exercises. This case study talks you through the design process of creating a user-friendly mobile app.

This case study focuses on improvements to the UX and visual features of this mobile app. Many aspects are included to help you understand it better, such as the design background, what to build, UI flow diagram, discoverability design, visual balance, and much more. A full set of app interfaces are presented for you to study as well.

You can also check out its Part 1 post for more details.

5. Talent Envoy - improving the recruitment process 

Designer : Enes Aktaş (Experienced UX designer)

Case Study : Talent Envoy

Talent Envoy is an intelligent job assistant that helps users find their ideal job and get to all the way to signing a contract faster and more easily.

This case study firstly points out the biggest challenges and problems faced by job-seekers—the shortage of US recruitment markets. It then talks to you through the detail of how the designers optimized the recruitment process. You will also find information on the user research process, the UI flowchart design, the related wireframe and Sketch designs, the main page design, and more. 

All the details have clear explanations and they offer a great example of how to use user research to solve problems and improve UI interfaces.

This one comes from another hot media channel called "Muzli" which shares the latest ideas, designs, and interactions about websites or website apps from all over the world. Don’t miss out on this site if you want to stay ahead of the curve. 

6. My Car Parking - UI/UX case study

Designer : Johny Vino (Experienced UX and interaction designer)

Case Study : My Car Parking

This is a mobile app that can help people get parking slots easily even when they travel beyond their normal routes. 

This is a masterclass in how to write a case study that is simple, well-structured, and easy to understand. Many intuitive lists and images are used to explain the design ideas and processes. 

It has received “claps” from over seven and a half thousand people and   is a perfect example of how to write a well-structured and easy-to-understand case study.

7. Parking Finder App - UI/UX case study

Designer : Soumitro Sobuj

Case Study : Parking Finder App

This is another concept mobile app that makes it easy for users to find parking slots even in big or overcrowded cities.

This case study is beautifully presented and gives a good presentation of the whole design process. It covers nearly all the issues that a textbook UX case study should have, such as problems and solutions, user-centered design, design strategy, user flow, information architecture , interface wireframes and visual designs, and much more besides. 

It is one of the best examples we have found of a case study that really teaches you how to write the perfect UX case study.

8. Pasion Del Cielo - coffee ordering experience

Designer : Jonathan Montalvo (Senior Designer, Branding, UXUI )

Case Study : Pasión del Cielo

This is a concept project about a real local coffee shop in Miami.

This case study demonstrates effective ways to engage users with the Pasión brand and how a site can make it as easy as possible to turn page views into coffee sales. 

There is a lot of analysis included to explain the entire design process, such as analyzing the competition, feature analysis, brand and interface improvements, and much more. Most important of all, many user personas have been created to evaluate and enhance the UX.

This is a good example to check for anyone looking to improve their own UX case study. Above all, it shows what can be done with rich images, bright colors, clear layouts, and well-crafted personas.

9. Workaway App - UX redesign

Designer : Rocket Pix (UXUI, web designer )

Case Study : Workaway App

This is a mobile app that provides international hospitality services; it helps users to contact each other to organize homestays and cultural exchanges.

This UX design case study explains how the designer redesigned the Workaway App to make it easier for users. Many intuitive charts (pie charts, flow charts, line charts), cards, and images are used to illustrate the ideas.

It is simple and easy to follow, and also a good example of how to create an intuitive case study with charts and cards.

10. Receipe App - UI/UX design process

Designer : Dorothea Niederee (UX, UI designer   )

Case Study : Recipe App

This is a food app design offering inspirational recipes for anyone who wants to eat healthier.

This case study gives a clear demonstration of the entire UI/UX design process. Three user personas are defined to present different users' needs. Some colors, typography, and UI elements are also shared.

This is a good example of how to define a detailed user persona in your UX case study.

11. Hobbfyy - a social and discovery app UX design

Designer : Mustafa Aljaburi (UX, UI designer   )

Case Study : Hobbfyy

This is a social and discovery app that makes it quick and easy to get everything you need for your hobbies.

This case study aims to show how to develop a site that will provide its users with solutions, in this case to get what they need for their hobbies. Beautiful images, a storytelling style, and special layouts are used to explain everything.

12. Bee Better - habit tracker app UX case study

Designer :   Anastasiia Mysliuk (UX, UI designer   )

Case Study : Bee Better

This is a habit tracker app that makes it easy for you to develop new useful habits.

This case study aims to solve problems associated with how we form and develop habits. It helps users find solutions and make habit formation more interesting; it motivates them to maintain their useful new habits. Many aspects of design, such as problems, solutions, the design process, discovery and research, user journey map, prototypes, and much more are illustrated and explained in simple language.

This would be a good example to follow if you are looking to create an easy-to-understand UX case study.

13.Sit My Pet - pet sitting app UX case study

Designer : Aiman Fakia (UX, UI, visual designer )

Case Study : Sit My Pet

This is a pet-setting app that provides pet owners with a digital service that helps them connect with pet sitters.

This UX case study describes a site that aims to make pet sitting more easily accessible for pet owners. It analyzes both its users and its competitors very well. The way solutions are evaluated, the user stories, and other related aspects are followed in detail to give you a better understanding of the project as a whole.

This is a good example of how to develop a UX design based on user needs.

14. Groad - food ordering system UX case study

Designer : Phap (UI designer )

Case Study : Groad

This is a food ordering app offering food delivery services from stores, restaurants, cafés, fast food bars, and others. 

This UX case study uses beautiful illustrations and colors to explain the entire design process. As well as the usual parts of the design process—UI flow chart, UI showcasing—the related logo and icon designs, typography, and other aspects are included. This is a good example if you are looking to learn how to create an immersive case study with beautiful illustrations and colors.

15. iOS VS Android UI/UX Case Study

Designer : Johanna Rüthers

Case Study : Econsy

Here is another concept app that helps people live more sustainably by using a scanning process to give them information about the ecological and social impact of products they are thinking of buying. 

This case study explains the differences in the mobile app’s appearance when it is applied on the Human Interface Guidelines (IOS) and Material Design Guidelines (Android). This will help you to create an app that works well on both Mac and Android devices.

More UI/UX case studies & designs:

16.Timo Bank - UI/UX Case Study

Timo Bank is a mobile banking app project produced by Leo Nguyen, a freelance designer and creative director. This case study aims to provide more intuitive transfer, payment, and money management solutions for mobile users.

This is a great example to consider if you are hoping to create a better banking app.

17. Endoberry Health App Design

Endoberry Health App Design provides useful solutions for women suffering from endometriosis. In turn, this gives doctors a better understanding of individual cases. The design challenges, solutions, and UI details are displayed and explained to illustrate the design project.

18. Job Portal App

Job Portal App has been specially made for designers and freelancers. This case study uses cute illustrations, simple words, and clear storytelling to explain how the designer worked out the ideal job hunting solutions for users.

19. Cafe Website - UI/UX Case Study

Café Website gives its users a great experience by making it quick and easy to order a coffee online. Many elegant page details are displayed.

20. Ping - the matchmaker app case study

Ping is a dating app that offers users a unique and effective way to find their perfect match. As you can see, its mascot is really cute and this case study will show you how a cute mascot can enhance the UX.

21. Hubba Mobile App - UI/UX Case Study

Hubba Mobile App is a B2B online marketplace where retailers can find and purchase unique products for their stores or shops. This case study aims to explain the process of creating a special mobile app for this online marketplace. It offers a beautiful and clear presentation of the entire UI/UX design process.

22. Music App - music for children

Music App shares the fancy UI and colors from a music app made for children. It is a good example that is sure to inspire you to create a distinctive children's app.

If you are still not entirely sure how to go about creating a distinctive UX case study, here are a few simple steps to walk you through the entire process from start to finish:

Step  1.  Figure out your purpose

The final outcome will depend on what it is you are trying to achieve. So, before you start writing a UX design case, you should first figure out in detail what its purpose is. Ask yourself some basic questions:

• Is it for a job interview?
• Is it for improving your personal portfolio?
• Is it designed to show off your design talents on social media?
• Is it just created to practice your design skills?
• Is it made to share design experiences with other designers?

In short, figuring out your purpose and setting a goal can make the entire design process so much easier.

Step   2.   Plan or outline your case study

Whatever you want to do, it is always a good idea to start with a plan. When it comes to writing a UX case study, you should also outline your entire UX case study and decide on what sections you want to include.

For example, nowadays, a good UX design case study often covers:

• Overview : Start with a short paragraph that introduces your project.
• Challenges  and  goals : Explain the project background and point out the biggest challenges or problems you've encountered. Explain the goals you want to achieve and how you will overcome the challenges you have identified. 
• Roles  and  responsibilities : Tell readers what role you play in the project and the specific features of your role that will help create a better product.
• Design process : Introduce the entire design process in detail so that readers can see clearly what you have done to make life easier for users. Many employers check this part very carefully to see whether you have the basic skills and abilities they are looking for. So, never underestimate the importance of this section. 
• Solutions  and  outcomes : No matter what problems you have faced, the solutions and the final outcomes achieved are what really matters. So, always use this section to showcase your skills and achievements. 

You might also want to add further sections:

• User research :   Some full-stack designers also include this to give a more comprehensive view of their design skills.
• UI designs : Some experienced designers also display their relevant UIs, and UI flow, along with low- and high-fidelity prototypes to enrich the content.

Of course, if you are a newbie, and you still have questions, why not go online and search for UX case study templates that you can study and follow.

Step 3.  Explain the design process clearly

As we've explained above, the design process is always one of the most important parts of a good UX case study. You should always introduce clearly as many of the relevant parts of the process as possible. For example: show how you and your team communicate and collaborate effectively; demonstrate how you have developed ideas to address user problems; explain how you and your team have dealt with emergencies or mishaps.  

You can also introduce the UX design tools that you have chosen to simplify the entire design process. Mockplus, is an online product design platform, enabled us to adapt quickly and effectively to working from home during the recent Coronavirus lockdown. Prototyping our designs, sharing ideas, working together in an effective team, taking the process from design to handoff, it all works smoothly with this single tool.

Step  4. Improve readability and visual appeal

The content should be the main focus of your case study—but not the only focus. To make the case study as good as possible, you also need to think about its readability and visual appeal. Here are some suggestions to follow:

• Explain everything as clearly as possible.
• Add images, illustrations, charts, cards, icons, and other visuals.
• Create a clear storytelling structure or layout.
• Choose an immersive color scheme.
• Add eye-catching animations and interactions.
• Use vivid video, audio, and other multimedia resources.

The final visual effect can be make-or-break for whether your UX case study is going to stand out from the crowd. You should always take it seriously.

Step   5. Summarize

Every UX case study can be a good chance to practice and improve your design skills. So, in your conclusion, don’t forget to analyze the entire process and summarize the outcomes. Always take a minute to figure out what lessons you should take away from the process, what tips should be remembered, what should be improved, and—most important—what your next steps are going to be.

UX case studies are one of the most essential parts of a UX designer's portfolio. The ability to write a well-structured UX case study is also one of the basic skills that a competent UX professional should have. So, UX case studies play a very important role in UX designer's life.

We hope our picks of the best UX design case studies along with our step-by-step guide will help you create a stunning UX case study.

Share it on:

A free prototyping tool to create wireframes or interactive prototypes in minutes.

A free UI design tool to design, animate, collaborate and handoff right in the browser.

Related articles View all blog posts

The ultimate guide of ux design process that you must know.

Recently I noticed many new UX designers are asking how to do user experience design in the major social platform. I collected some useful information to help you complete a perfect user experience de...

25 Best UX Podcasts for UX Designers: Inspiration for 2020

Competition is everywhere. A product with a poor user experience, will always struggle in the market. Similarly, a designer who doesn’t know how to please customers with great UX design will fin...

40 Best UX Designer Portfolio Examples for Your Inspiration

A portfolio that shows off your best projects and designs in a creative way can be a real asset when applying for a good UX job. It could get you one one step closer to your dream position.However, wh...

© 2014-2024 Mockplus Technology Co., Ltd. All rights reserved.