{"id":32360,"date":"2024-10-16T01:47:08","date_gmt":"2024-10-16T08:47:08","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=32360"},"modified":"2024-10-16T01:47:30","modified_gmt":"2024-10-16T08:47:30","slug":"ux-case-study","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/","title":{"rendered":"UX Case Study \u2013 Step-by-Step Guide [+Template]"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study-1024x512.png\" alt=\"how to write a ux case study\" class=\"wp-image-32357\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br>Would you believe that a good user experience case study has the potential to get your job application noticed in the eyes of recruiters in case you get that job interview? If you are all set to share your portfolio with the hiring managers, why not take the final plunge and include the element that can transform your overall impression as a candidate entirely?&nbsp;<\/p>\n\n\n\n<p>Case studies lay out a quick roadmap in front of your recruiters that lets them get a sneak peek into your analytical and creative mind. Reading a UX case study is like your hiring manager taking a walk with you through the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-for-beginners-defining-the-design-problem\/\" target=\"_blank\" rel=\"noreferrer noopener\">design problem<\/a> at hand. You get to explain the process that you followed to curb the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-pain-points-in-ux-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">user pain points<\/a> with your unique <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-thinking-workshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">design thinking process<\/a>, which also captures the essence of what is a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-centered-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">user-centered design<\/a>.<\/p>\n\n\n\n<p>Try UXPin. One of the best prototyping tools that allow users to create high-fidelity prototypes with real HTML, CSS, and JavaScript, making designs highly interactive and closer to the final product. Build prototype that you can share in your UX portfolio as a case study to hiring managers. <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin for free<\/a>.<\/p>\n\n\n\n<section class=\"try-uxpin-banner\">\n    <div class=\"try-uxpin__container\">\n        <div class=\"try-uxpin__left\">\n            <p class=\"try-uxpin__heading\">Build advanced prototypes<\/p>\n            <p class=\"try-uxpin__text\">Design better products with States, Variables, Auto Layout and more.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"try-uxpin__button\">Try UXPin<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-signup.png\" class=\"try-uxpin__image\" alt=\"Try UXPin\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.try-uxpin-banner {\n    margin: 40px 0px;\n}\n\n.try-uxpin__container {\n    display: flex;\n    max-width: 689px;\n    height: 210px;\n    padding: 20px;\n    padding-left: 24px;\n    border: 2px solid black;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: space-between;\n    background-color: white;\n    box-shadow: 10px 10px black;\n}\n\n.try-uxpin__left {\n    width: 54%;\n}\n\n\n.try-uxpin__heading {\n    font-size: 28px !important;\n    font-weight: bold;\n}\n\n.try-uxpin__left p {\n    margin: 10px 0px !important;\n    color: black !important;\n}\n\n.try-uxpin__text {\n    margin: 0 !important;\n    font-size: 18px !important;\n    line-height: 22px !important;\n}\n\n.try-uxpin__button {\n    width: 135px;\n    height: 44px;\n    background: black;\n    margin: 10px 0px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 2px;\n    color: white;\n    font-size: 16px;\n    text-align: center;\n}\n\n.try-uxpin__button:hover {\n    cursor: pointer;\n}\n\n.try-uxpin__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -21px;\n    margin-bottom: -6px;\n}\n\n@media (max-width: 760px) {\n    .try-uxpin__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .try-uxpin__container {\n        flex-direction: column;\n    }\n\n    .try-uxpin__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What Are UX Case Studies?<\/h2>\n\n\n\n<p>A UX case study is a story that explains how you solved a design problem. It shows your design process step-by-step\u2014from <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-needs\/\" target=\"_blank\" rel=\"noreferrer noopener\">understanding user needs<\/a> to creating solutions. <\/p>\n\n\n\n<p>n a case study, you&#8217;ll typically explain the problem you faced, the research you did, the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/website-design-ideas\/\" target=\"_blank\" rel=\"noreferrer noopener\">ideas<\/a> you explored, how you <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/prototype-testing\/\" target=\"_blank\" rel=\"noreferrer noopener\">tested<\/a> your designs, and the final outcome. It\u2019s a way to show your problem-solving skills and thinking as a UX designer, often used in <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-portfolio-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\">portfolios<\/a> to land jobs or impress clients.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-why-case-studies-are-a-game-changer-for-your-portfolio\">Why Case Studies Should Be in Your Portfolio?<\/h2>\n\n\n\n<p>Case studies should reflect a curious and creative thinker within you. They should also let you demonstrate your ability to turn <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-research-cheat-sheet\/\" target=\"_blank\" rel=\"noreferrer noopener\">research<\/a> and relevant <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">insights<\/a> into something concrete for design.<\/p>\n\n\n\n<p>When you&#8217;re interviewing for an analytical position such as a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-team-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\">UX role<\/a>, you&#8217;re showing off your problem-solving skills because UX is problem-solving first and design second. Your case study should demonstrate not just your <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-process-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">process<\/a> but also your ability to tackle <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/designers-solve-problems-by-building-interfaces-polemics-with-joshua-porter\/\" target=\"_blank\" rel=\"noreferrer noopener\">complex problems<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process.png\" alt=\"process\" class=\"wp-image-32361\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-anatomy-of-a-great-ux-case-study\">The Anatomy Of a Great&nbsp;UX Case Study<\/h2>\n\n\n\n<p>A&nbsp;<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study-hubspot-redesigned-homepage\/\" target=\"_blank\" rel=\"noreferrer noopener\">memorable UX case study<\/a>&nbsp;explains in graphic detail the design process you follow throughout every stage of the design project. It pens out not only your research but also the reasoning for your ultimate design decisions while accentuating your design skills. &nbsp;<br><br>Let\u2019s begin with the structure you should follow to capture everything chronologically:-<br><br>Step-1: Start with \u201cAn Introduction\u201d<br><br>Step-2: Familiarise with the \u201cProcess Followed\u201d<br><br>Step-3: Lead with \u201cThe Research\u201d<br><br>Step-4: Engage with \u201cDesign Iterations\u201d<br><br>Step-5: Conclude with \u201cFinal Observations\/Result\u201d<br><br>The key here is to keep the content of the case study short, crisp and to the point for hiring managers and recruiters. No one\u2019s going to sit there and sift through your case study for an hour.&nbsp;<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-portfolio-review\/\" target=\"_blank\" rel=\"noreferrer noopener\">Reviewing case studies<\/a>&nbsp;by experienced professionals means scanning them in mere minutes and knowing whether you have what it takes or not.<br><br>Also, make it a point to give each section an equal amount of attention when crafting your case study. You never know when recruiters and hiring managers might take notice of something you avoided.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-process-of-writing-an-engaging-ux-case-study-a-step-by-step-process\"><br>How to Write a UX Case Study for Portfolio<\/h2>\n\n\n\n<p>UX Case Studies highlight challenges, research, ideation, prototyping, testing, and the final outcome. There are 5 steps that will help you write the best case study that you can include in your design portfolio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-introduction\">Step-1: Introduction<\/h3>\n\n\n\n<p>If you don\u2019t capture your reader\u2019s attention in the introduction, they probably won\u2019t continue reading. Make the introduction an engaging, concise way to set the stage for your article. Also, don\u2019t forget to articulate the primary problem that you are aiming to solve.<br><br>Here are a few elements to include in the introduction that will make your content crisp and self-explanatory:-<br><br>i) <strong>Overview of the company: <\/strong>What is this company&#8217;s identity? What do they do, and what are their goals and mission statement?<br><br>ii) <strong>Challenge the company was facing:<\/strong> What was the pain point you decided to tackle? What was the ultimate question you were trying to answer? What difficulties do you encounter while addressing the problem at hand?<br><br>iii) <strong>How do you fit in the picture<\/strong>: What was your role in the project? What were the timelines? Were there any constraints that affected the project?<br><br>iv)<strong> Your Take<\/strong>: A methodology is a specified, systematic approach to solving problems or performing tasks. What methods did you use to comprehensively analyze your user data? What methods did you use to test your idea?<br><br>v) <strong>Conclusion<\/strong>: Elaborate on the conclusion for the end product and wrap up with a fully defined objective which you\u2019ve completed and deliverables.<br><br>Reminder- Don\u2019t go overboard with details in this section, we will get to it later.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-process\">Step-2: Process<\/h3>\n\n\n\n<p>When highlighting your process, make sure to be explicit about which UX research methods you used and how they helped influence your\u00a0<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study-designing-whitespace-to-improve-conversions\/\" target=\"_blank\" rel=\"noreferrer noopener\">design decisions<\/a>.<br><br><strong>You should<\/strong>:<br>i) identify the\u00a0UX design problems that you faced with a problem statement,<br>ii) show how you approached the project in terms of information architecture,<br>iii) show how you interacted with your users in order to gather relevant metrics and understand their needs through good ux<br>iv) show what research methods did you implement etc.<br><br>Explaining the methodology you used to accomplish a specific task is crucial for recruiters and hiring managers to know.\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/testing-observing-user-behavior-2.png\" alt=\"testing observing user behavior 2\" class=\"wp-image-32363\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/testing-observing-user-behavior-2.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/testing-observing-user-behavior-2-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-user-research\">Step-3: User Research<\/h3>\n\n\n\n<p>Now is the time to walk everyone through your UX design case study process. It works like a hypothesis that can get approved or rejected based on your findings. So there\u2019s no right or wrong answer to it. This gives you an opportunity to elaborate on the methods you came up with the former stage and bring action-oriented improvements to the process. &nbsp;<br><br>The way to go about it is to briefly explain the design research techniques you used (card sorting, user persona, usability testing, etc.), why you chose these specific techniques, and what outcome you hoped to achieve. Ultimately, your research ends with how effective your UX design solution proved for the users.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What are research methods for UX case study?<\/h4>\n\n\n\n<p>When creating a UX case study, you\u2019ll need to gather data to understand your users and the problem you\u2019re solving. Here are a few research methods:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>User Interviews<\/strong>: <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/listen-boost-interview-skills-better-user-testing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Talk to real users<\/a> to understand their needs, pain points, and goals.<\/li>\n\n\n\n<li><strong>Surveys<\/strong>: <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/data-driven-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Collect data<\/a> from a larger group of users to spot trends.<\/li>\n\n\n\n<li><strong>Usability Testing<\/strong>: Watch <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/tools-for-usability-testing\/\" target=\"_blank\" rel=\"noreferrer noopener\">users interact with your design<\/a> to identify areas for improvement.<\/li>\n\n\n\n<li><strong>Competitor Analysis<\/strong>: Study <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/competitive-analysis-for-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">competitors<\/a>\u2019 products to find strengths and weaknesses.<\/li>\n<\/ol>\n\n\n\n<p>Each method helps you gather insights to create better user-centered designs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-4-ux-design-decisions\">Step-4: UX Design Decisions<\/h3>\n\n\n\n<p>When you start the design phase, you look back at your research and start thinking about how you could design to accommodate your findings. Use the results of your research to inform your design decisions. This is an important part of user-centered design. Take the findings from your user research and apply them to your designs.<\/p>\n\n\n\n<p>If your project is to build a new <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/website-best-practices-basic-tips-for-better-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a> or <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/landing-page-ui\/\" target=\"_blank\" rel=\"noreferrer noopener\">landing page<\/a>, make sure each <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/\" target=\"_blank\" rel=\"noreferrer noopener\">iteration<\/a> includes <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-a-mockup-the-final-layer-of-ui-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">visual design mockups<\/a>. You can include steps such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sitemaps<\/strong>: A visual representation of a website\u2019s structure, showing how pages are organized and linked together.<\/li>\n\n\n\n<li><strong>User Flows<\/strong>: Diagrams that map out the steps a user takes to complete a task on a website or app.<\/li>\n\n\n\n<li><strong>User Journeys<\/strong>: Visuals that tell the story of a user\u2019s experience with a product, from start to finish.<\/li>\n\n\n\n<li><strong>Paper Wireframes<\/strong>: Simple sketches of a layout, often used to brainstorm ideas quickly.<\/li>\n\n\n\n<li><strong>Medium\/High-Fidelity Wireframes<\/strong>: Detailed digital versions of wireframes, showing more precise layouts and design elements.<\/li>\n\n\n\n<li><strong>Prototypes<\/strong>: Interactive models of a design that simulate how the final product will work, allowing for user testing.<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"501\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin-design-color-mobile.png\" alt=\"uxpin design color mobile\" class=\"wp-image-32365\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin-design-color-mobile.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin-design-color-mobile-449x300.png 449w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-5-result\">Step-5: Result<\/h3>\n\n\n\n<p>Employers should be able to quickly and easily find the content that&#8217;s most relevant to what they want to know about. To show your final UX design, you can\u00a0use any tool that suits your needs. It can be a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/high-fidelity-prototyping-low-fidelity-difference\/\" target=\"_blank\" rel=\"noreferrer noopener\">wireframe, high-fidelity mockup<\/a>, or even something more sophisticated like an <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/interactive-prototype-setting-user-interactions-without-coding\/\" target=\"_blank\" rel=\"noreferrer noopener\">interactive prototype<\/a>. Don\u2019t forget to link to the source and voila! You\u2019re done! If you want to show off your skills and use an intuitive tool for that, <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">try out UXPin<\/a>. Take your interactive prototyping to a higher level.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to Pick up a Topic for UX Case Study<\/h2>\n\n\n\n<p>These points will help ensure the chosen project showcases your strengths and thought process effectively:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Choose a project that highlights your skills<\/strong>: Pick a project where you played a key role and can show the depth of your design thinking.<\/li>\n\n\n\n<li><strong>Focus on challenges and solutions<\/strong>: Select a project that had clear <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-for-beginners-defining-the-design-problem\/\" target=\"_blank\" rel=\"noreferrer noopener\">problems<\/a> and how your design process solved them.<\/li>\n\n\n\n<li><strong>User impact<\/strong>: Choose a case where your design made a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-roi-calculations\/\" target=\"_blank\" rel=\"noreferrer noopener\">measurable difference for users<\/a>.<\/li>\n\n\n\n<li><strong>Relevance<\/strong>: Select a topic relevant to the type of job or client you\u2019re targeting.<\/li>\n\n\n\n<li><strong>Complexity<\/strong>: Choose a project that had <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/stages-design-thinking-process\/\" target=\"_blank\" rel=\"noreferrer noopener\">multiple stages<\/a> (research, ideation, testing) to show your full <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/level-web-design-ux-skills-generate-conference\/\" target=\"_blank\" rel=\"noreferrer noopener\">range of skills<\/a>.<\/li>\n\n\n\n<li><strong>Collaboration<\/strong>: Highlight projects where you worked closely with other <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/cross-functional-collaboration\/\" target=\"_blank\" rel=\"noreferrer noopener\">team members<\/a> (e.g., developers, stakeholders), demonstrating teamwork and communication.<\/li>\n\n\n\n<li><strong>Personal Growth<\/strong>: Pick a project that challenged you and helped you learn new skills or <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ui-design-tools-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">tools<\/a>.<\/li>\n\n\n\n<li><strong>Scalability<\/strong>: Consider projects that evolved over time or could be expanded, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/designops-for-ux-designers\/\" target=\"_blank\" rel=\"noreferrer noopener\">showing your ability to think long-term<\/a>.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">UX Case Study Template<\/h2>\n\n\n\n<p>Here\u2019s a <strong>UX Case Study Template<\/strong> to help guide your readers:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. <strong>Project Overview<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Brief description of the project<\/li>\n\n\n\n<li>Your role and responsibilities<\/li>\n\n\n\n<li>Tools and methods used<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. <strong>Problem Statement<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What problem were you solving?<\/li>\n\n\n\n<li>Why was it important?<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. <strong>Research<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Research methods (e.g., user interviews, surveys)<\/li>\n\n\n\n<li>Key insights gathered<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. <strong>Design Process<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ideation and brainstorming<\/li>\n\n\n\n<li>Wireframes (low\/medium\/high fidelity)<\/li>\n\n\n\n<li>Prototypes<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. <strong>Testing and Iteration<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usability tests and feedback<\/li>\n\n\n\n<li>Changes made based on insights<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">6. <strong>Final Design<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Overview of the final solution<\/li>\n\n\n\n<li>Screenshots or mockups<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">7. <strong>Results and Impact<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Measurable outcomes<\/li>\n\n\n\n<li>How the design improved the user experience<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">8. <strong>Key Learnings<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Challenges faced<\/li>\n\n\n\n<li>What you learned from the project<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-summary\">Summary<\/h2>\n\n\n\n<p>By following these steps, you can turn a good case study into a relevant\u00a0<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/creating-ux-portfolio-4-dos-donts\/\" target=\"_blank\" rel=\"noreferrer noopener\">design portfolio<\/a>\u00a0piece that showcases your problem-solving skills while bringing your creative side to the table to achieve maximum harmony between functionality and aesthetically fine design work. At the end of the day, the whole point behind a case study is to establish expertise in the area of UX research and design and be perceived as a UX professional in the eyes of potential prospects. Use an intuitive design tool that will help you show your skills \u2013 <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">sign up for a 14-day trial<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Would you believe that a good user experience case study has the potential to get your job application noticed in the eyes of recruiters in case you get that job interview? If you are all set to share your portfolio with the hiring managers, why not take the final plunge and include the element that<\/p>\n","protected":false},"author":3,"featured_media":32357,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-32360","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_title":"","yoast_metadesc":"Learn how to create an engaging ux case study to show off your skills. Improve your design portfolio with our tips.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UX Case Study \u2013 Step-by-Step Guide [+Template] | UXPin<\/title>\n<meta name=\"description\" content=\"Learn how to create an engaging ux case study to show off your skills. Improve your design portfolio with our tips.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX Case Study \u2013 Step-by-Step Guide [+Template]\" \/>\n<meta property=\"og:description\" content=\"Learn how to create an engaging ux case study to show off your skills. Improve your design portfolio with our tips.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-16T08:47:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-16T08:47:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"UX Case Study \u2013 Step-by-Step Guide [+Template]\",\"datePublished\":\"2024-10-16T08:47:08+00:00\",\"dateModified\":\"2024-10-16T08:47:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/\"},\"wordCount\":1806,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/how-to-write-a-ux-case-study.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/\",\"name\":\"UX Case Study \u2013 Step-by-Step Guide [+Template] | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/how-to-write-a-ux-case-study.png\",\"datePublished\":\"2024-10-16T08:47:08+00:00\",\"dateModified\":\"2024-10-16T08:47:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Learn how to create an engaging ux case study to show off your skills. Improve your design portfolio with our tips.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/how-to-write-a-ux-case-study.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/how-to-write-a-ux-case-study.png\",\"width\":1200,\"height\":600,\"caption\":\"how to write a ux case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-case-study\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX Case Study \u2013 Step-by-Step Guide [+Template]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UX Case Study \u2013 Step-by-Step Guide [+Template] | UXPin","description":"Learn how to create an engaging ux case study to show off your skills. Improve your design portfolio with our tips.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/","og_locale":"en_US","og_type":"article","og_title":"UX Case Study \u2013 Step-by-Step Guide [+Template]","og_description":"Learn how to create an engaging ux case study to show off your skills. Improve your design portfolio with our tips.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/","og_site_name":"Studio by UXPin","article_published_time":"2024-10-16T08:47:08+00:00","article_modified_time":"2024-10-16T08:47:30+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"UX Case Study \u2013 Step-by-Step Guide [+Template]","datePublished":"2024-10-16T08:47:08+00:00","dateModified":"2024-10-16T08:47:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/"},"wordCount":1806,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/","name":"UX Case Study \u2013 Step-by-Step Guide [+Template] | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study.png","datePublished":"2024-10-16T08:47:08+00:00","dateModified":"2024-10-16T08:47:30+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Learn how to create an engaging ux case study to show off your skills. Improve your design portfolio with our tips.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/how-to-write-a-ux-case-study.png","width":1200,"height":600,"caption":"how to write a ux case study"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"UX Case Study \u2013 Step-by-Step Guide [+Template]"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/32360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=32360"}],"version-history":[{"count":5,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/32360\/revisions"}],"predecessor-version":[{"id":54987,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/32360\/revisions\/54987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/32357"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=32360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=32360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=32360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}