Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. Sagars Strategic Design for Misas Spectracase study walks us through his process from the challenge to research, ending with reflections. They also care about how you think. Yesha Shah 144 Followers In her case study, Phyllis is upfront about the constraints of the project, as well as what her team chose to focus on and why., Scope of work chart for the Autonomous Ridesharing case study, For example, the team decided to focus their efforts on solving two specific user pain pointsnamely finding the car and starting the ride without a driver. Hi there! Telling the story of your design does not necessarily mean that a case study should be a list of methods and steps ending with a final design. She digs into the insights and challenges uncovered during her user research, points back to other apps where she found inspiration and ideas, redefines the Wish apps information architecture, and validates her design with usability testing. What is the work of a UX designer? In the Progressive Leasing & Best Buy case studies there are photos of sketches, discovery, and user research to aid comprehension. 3. Such behind-the-scenes details can set you apart from the hundreds of other designers who are only showcasing their final, polished works. 3. As leaders, its up to us to start fostering and empowering new design talent now. For UX designers, a portfolio is a chance to present your best work, creative process and personality. I design products & brands." One glance at Valeries portfolio and it is evident that there has been significant time spent on its design. Cascading Style Sheets (CSS), HTML, UI/UX design, React, JavaScript, Web Development Tools, User Interface, Front-End Web Development, HTML and CSS, Responsive Web Design, Test-Driven Development, Object-Oriented Programming (OOP), Linux, Web Development, Bash (Unix Shell), Github, Version Control, Debugging, React (Web Framework), Web Application, Application development, Unit Testing, Web Design, User Experience (UX), Accessibility, Pseudocode, Algorithms, Communication, Data Structure, Computer Science. Therefore its understandable that UX leads and recruiters want to see your approach and process. You could borrow this technique and present iterations based on user research to tell the story of a project. To begin, break your case study into these main sections: The bulk of your material will be in section two, when you talk about your process. Be sure to mention what you would have done differently if you did.. You can use the steps in your process to create a navigation section, such as the one offered in UXfolio, to tie all parts of your case study together. The look is on point, and so is the content. Tie your project to business results if possible. Most of her info is reserved for the About page, allowing her work to take center stage. Roys is a playful and stunning UX portfolio with popping colors. So, achieving visual consistency with your project thumbnails can be hard. If you've never written a UX case study, don't worry. -Join a Code for America brigade to help design new tools for local communities. She doesnt overexplain her process, assuming that the reader has a general knowledge of UX principles and methods. Google UX Design Professional Certificate, Meta Front-end Developer Professional Certificate, Google Digital Marketing & E-commerce Professional Certificate, Google IT Automation with Python Professional Certificate, Preparing for Google Cloud Certification: Cloud Architect, DeepLearning.AI TensorFlow Developer Professional Certificate, Free online courses you can finish in a day, 10 In-Demand Jobs You Can Get with a Business Degree. It begins with a nice overview, detailing her responsibilities and the project goals. In particular, their traffic and clicks skyrocketed they experienced an 885% increase in search traffic and a 473% increase in clicks. When we hover over Natalies project thumbnails, you can read project subtitles like. Present the right work, summarize your findings, and communicate clearly to showcase your skills. GitHub community articles . These types of projects often simulate real-world situations by giving you the constraints of a brief to work from, as well as teammates to collaborate with. Both analytical data and learnings would be impactful closures for a case study, but combining the two is even better! Its also worth noting how she includes the orange accent color and typography in her portfolio and CV, even though theyre separate: one is a website the other a downloadable PDF document. They may also need help with development and implementation (and the resources that go with it). Being honest, owning your mistakes, admitting what could have been done better and what you have learned during the project shows humility and your willingness to grow. David Travis. Meta Front-end Developer Professional Certificate: Throughout this program, you'll manage a project in GitHub using version control, Git repositories, and the Linux terminal. Switch branches/tags. This is exactly what a great portfolio home page should achieve: it should make your readers want to learn more. It showcases the entire process in a step-by-step fashion. Looking for a way to volunteer your UX design skills? In this article, well dive into this further and highlight some UX case study examples, templates, and more. Portfolio example: Clayton Hopkins - #DullesJustice, Clayton Hopkins includes a few pro bono case studies in his portfolio in the form of Medium articles. Job Role: A UI UX designer is a professional who identifies new opportunities to create better user experiences. Portio Hugo is well organized, well-formatted, and named accordingly so it's easy to change any and all of the design. Case studies aren't just for UX portfolios or for consulting proposals: they provide a narrative to describe your work to friends and colleagues. You need to share design stories. There is just enough text to act as preambles to each step of the process. During a hackathon, a group of designers and programmers get together to collaborate on a project. If you still need projects to fill the gaps in your portfolio, you have plenty of options. 2. Its hard to choose a favorite from her 4 fantastic case studies. Instead of an image, he uses a bright gif of his name that immediately catches visitors attention. She makes her front page even more interesting by presenting work on her thumbnails differently on each project. Youd probably point out details and show what exactly changed so try applying this mindset to your written case studies as well. Follow the link to get started for free., An unsolicited redesign (sometimes called an uninvited redesign) is an excellent way to show off your skills before you ever land your first job as a UX designer. Melysias case studies showcase what a difference a well-chosen accent color makes. No matter how short or long your case studies are, an overview at the beginning is a great way to aid comprehension. Four UI/UX case studies for your portfolio Up to 7 design screens. Writing a well-structured UX case study is also one of the basic skills that a competent UX professional should have. Check out our portfolio to learn how our digital marketing solutions drive results for clients! How did you end up in design? Below are some examples of case study deliverables during the design phase. Give riders more control over their time and money. Ability to discuss and explain your design decisions and back them up by applying customer insights and business metrics. Join Khrys to learn more! Use emotive language to show empathy. Remember, they were working with a brief and real-world constraints.. She took a minimalist portfolio template and made it her own through careful font selection, dynamic project thumbnails, and harmonizing colors. Present your design process step-by-step, from the beginning to the end. One important feature is the "Back to Top" button on the right-hand side of the case study pages. Reflecting on a project shows that you didnt just move on to the next one after delivering the design. All Rights Reserved. During an interview with the e-commerce platform Wish, Tammy Taabassum completed a four-day design challenge where she was asked to improve the app in some way. This is reflected in his stunning UX design portfolio. In Danielles portfolio, the spotlight is on the UIs. The result? Kurt Winter. UX heavyweight, 3.5yrs+ experience, with light UI. Audreys bio and introduction are extremely straightforward. Youll find plenty of benefits to working as an interneven if youre unpaidincluding: Portfolio example: Ricardo Hernndez Prez, Adobe, Ricardo Hernndez Prez, a product designer with Google, got his start with an internship at Adobe. The 6 must-have components of a good UX researcher portfolio, according to a user experience career coach. Bjorns case studies utilize UXfolios password protection feature. In the Mimic case study Josh decided to showcase the final designs by focusing on challenges and user needs. Usability testing results chart for a Wish design challenge. Letting your personality shine via funny or unexpected copy is always a great way to go. Get free online user experience lessons at uxtraining.net. Another way to add real client work to your UX portfolio is to complete one or two small projects pro bono. Build a concise, clean, portfolio. Designing a few UX case studies for your portfolio is a powerful way to help you stand out among the crowd. How are they different from UX portfolios? If you aim to be a generalist, choose projects where you worked on all elements of the design process. Sometimes one sentence, an image, and a clear navigational menu is enough., Your About page is the place to go into a bit more detail about who you are and how you got started in UX, especially if youve switched from another career., Early on in your UX journey, you may not have a ton of design work to include in your portfolio. The first thing we see when landing on Sagars portfolio home page is a photo of him at work and an introduction with two CTAs. He included three UX case studies and 3 collections for the rest of his work. You'll learn the skills you need for an entry-level role in less than six months, no degree or prior experience required. It just shows that you could have both a professional social media presence and a portfolio website without having to create separate designs. Pixpa is an all-in-one portfolio building tool, offering modern, pixel-perfect templates, an intuitive drag-and-drop editor, customisable gallery layouts to showcase your work, and affordable pricing plans. Read about prioritizing personas, mapping user journeys and practical techniques to achieve an engaging user experience. Follow this UX case study template and youll be well on your way to your dream job. Let's break down how you might do that. Documentary is, after all, a quintessential form of user research. Before we dive into the anatomy of a case study, its important to understand the role of case studies in your online portfolio and where they fit in. 3. Sometimes, the first project to go into your portfolio will be a UX project you worked on as part of a design course, UX bootcamp, or degree program. Limiting your portfolio to three main sections will help keep it focused and showcase your UX design techniques in the most effective manner. Gabriel is a UX designer with a background in visual design, motion graphics, and illustration. She also elegantly solves the issue of how to present small projects that don't merit a full case . When it comes to storytelling and case studies, it is crucial to explicitly connect the research and the final outcome. Meanwhile, the subtitle describes the scope of the project. Then, he conveys everything he and his team did in detail and with relevant visuals. When reviewing candidates, design leads always check their portfolios first. My Role Here are the most common user research methods: As you explain the process for your methodology, answer these key questions: A comparative and competitive analysis is a good way to describe the results and what you learned, as shown below: Or, you can include your key takeaways in bullet points, as shown in this example: Next, walk the reader through your design phase. Its the starting point and the first impression. Case study:Literally anything on her portfolio, but here's her latest Zillow project Why it's awesome: It's a case study that integrates images in a way that is incredibly readable. User flows and customer journey maps. Portio is built with Bootstrap 4. They make up UX portfolios, alongside optional pages such as 'About Me' or 'Contact'. When opening the portfolio, the lightweight case study thumbnails immediately draw attention. Rather than focusing on laying out their design thinking in long, formulaic case studies, they instead focus on simplicity. Throughout his case studies, he used many of UXfolios built-in device mockups, so theres a feeling of coherence even between different case studies. The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. For her thumbnails, Marthe opted for the same mockups to create visual consistency. And that reason is their audience. So many portfolios are grid images on a white page, and while there's nothing wrong with that approach, Jared's portfolio stands out for its light grey background and use of color in general. Heres the proof that you dont have to overthink your UI/UX portfolio to achieve something great. Include as many visuals in your case studies as possible: wireframes, personas, user flows, sketches, and even doodles if you please! The introduction contains all necessary elements: She provides an overview, introduces the team, the problem, and her role. Discuss how to put together a portfolio . If you only have time for one, we recommend checking out Manage Billing and Subscriptions as it showcases how you can create a fantastic case study from your UX designer internship project. He begins by setting the scene: we learn about his role, the problem, tools, and his approach/ideas. While its crucial that your case study is information-packed and an enjoyable read, but it also should be nice to look at. Focus on process over finished product. You can do that by creating enticing case study thumbnails and featuring them on your home page. Build a beautiful portfolio quickly and easily. After the event, Yang even added an illustration showing how the app would bridge the gap between user experience and business value based on feedback from hackathon judges.. This way you wont have to leave out anything from your portfolio, but you wont clutter it either. I'm a former teacher transitioning into a career in UX. After walking us through his process, we get to see a beautiful gallery of final UIs and a statistics section. A rising trend in the UX portfolio world is the ultra-minimalism seen from some senior designers. She showcases her expertise and skills in 4 impactful case studies, focusing on. The second main page is your About Me. On top of reading well, it includes beautiful, well-placed images with plenty of explanation. High-Quality Case Studies. They want you to explain your decisions and to tell why you decided to go with those specific solutions. Give it a try! While case study best practices are great pointers, ultimately it is the project at hand thatll determine your case studys structure and content. Using UXfolios thumbnail styles, Quentin made sure that the case study titles appear on hover only. Instead of simply showboating on her stunning UIs, Danielle provides background and details, proving that she is designing with purpose. Document your process and include visuals in your case studies. This way your visitors can still check the public parts of your work. Avoid signing a non-disclosure agreement (NDA) for unpaid work. It's not rocket science, but there are certain guidelines to follow to make your portfolio a success. Youve seen some of the best portfolios and youve probably realized that they share many similarities. Tie great UX back to business value (how does solving a user problem impact the business in a positive way?). Writing a case study is the way a UX researcher demonstrates their value. A hackathon project in your portfolio can demonstrate that you can: Think critically and solve problems under pressure, Yang Qian, a product designer at Palantir Technologies, presents a case study from a three-day LinkedIn hackathon for design and engineering students. And its worth hovering for these titles and subtitles! Show how you incorporated it into your design. Nuwanthi prefers her case studies on the shorter side. Sometimes its worth redesigning the visuals of your case studies because the finished product will look much more professional. We created it specifically for UX professionals, so its packed with powerful features thatll help you through the portfolio-building process. Outline your role in the project and who else contributed. 2023 Coursera Inc. All rights reserved. This can be more challenging than an unsolicited redesign, as it lacks the inherent structure and constraints of an existing product. UX content designer Nikki St.-Cyr's portfolio features several full-length case studies that are well-organized and detailed. Be sure to take photos of your work when completing a whiteboard challenge during an interview.. All UX case studies should include relevant visuals as too much text can be intimidating for readers. Its also an option to present more information about the projects right on your own portfolio home page. Competitive UX analysis. Also, pay mind to your introduction. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. Remember: Outcomes are evident for you, but not for others, since they didnt work on the project with you. Dorons case studies resemble the style of Behance. You may also want to include a short bio and links to your social media accounts here. Though putting one together might seem like a huge undertaking, once you get an idea of what makes a great portfolio itll come easier. Besides brightening up the case studies, they create cohesion and connection through her projects. You need to understand your user (or reader) and their needs, then develop the right solution for them. Carsons portfolio is simple yet appealing. What is a UX case study? Next, call attention to the research you and your team completed. They all mentioned that the best UX portfolios show the design process and decisions. Whichever methodologies you used to guide your design, these are the ones to highlight in your case study. Showcasing your process is the most important part of a UX design case study. Its not rocket science, but there are certain guidelines to follow to make your portfolio a success. Choose projects that are fun or interesting to you and that youd be proud to display in your portfolio. In most cases, your UX design portfolio should have three sections, a Home Page, an About page, and a collection of case studies (this page is often labeled Work). Setting the thumbnail titles to appear on hover only adds to the weightless feel of the home page. By the end, you'll have completed nine projects in a lab environment or web application and earned a Professional Certificate from Meta. User Experience Strategist @userfocus. User research and personas. A case study should reflect a meaningful, learning or growth design experience where you worked with real stakeholders and created something of value for the customers. Problem: Important notices were getting lost among the flood of other messages, with half of the information becoming irrelevant by the time it reached students.As a result, students had to rely on word of mouth to stay informed. Since she is a product designer, her showcased projects are all digital products. For one, your story should be at the heart of your case study. Linh used descriptive and straightforward case study titles that make you want to read more. Play an active role in our thriving, inspiring, and fun UX Design practice and culture. Many designers use the word 'portfolio' to refer to their case studies. 15 UX portfolio website examples And only a very few portfolios have that effect. And we could go on and on, as UXfolio offers an array of features that were chosen with UX designers and researchers in mind. These should be your best work, and you can always swap them out for new case studies as you gain experience. You can also create a GIF to showcase certain user flows like this: Or, feel free to take a simple approach with mockups like this: After you blow the reader away with your impressive final design, you can address the next steps in your design process. Trailer 2:32 2. With 9 years of experience under her belt, Nuwanthi knows a thing or two about curating her work. This structure is basically the case study equivalent of presenting user research findings to a client. About this Event. It could be attributed to the combination of the amazing illustration on his homepage and his bold choice of colors. If youve never written a UX case study, dont worry. I love listening to peoples stories, solving problems, and creating beautiful things that matter thats a simple yet beautiful intro sentence from the portfolio of Oslo-based UX/UI designer, Marthe. To achieve a polished vibe, Roy kept all his personal and professional information to his About Me page. Yang presents the challenge, team, project duration, her role, and the skills she used to get it done in a clear and easy-to-read format. On top of detailed descriptions, she included plenty of photos and artifacts, making it easier for her readers to process all this information. In UX, case studies are what design leads and recruiters are looking for. This is also your time to showcase any unique hobbies or things that make you, well, you. But many designers abuse the format. We could look at this portfolio for hours (and we do come back to it from time to time) for a very simple reason: it makes us smile. Its up to you which one you chose! Premium Premium Package. I have completed 1 full case study for my portfolio so far and I'm beginning the next. They also ensure that the end-to-end journey with their products or services meets desired outcomes. Using an unconventional color and building your portfolio around it is a great way to stand out from the crowd. Justin Morales is a Senior UX designer currently working at Signify Health, a B2B Healthtech company, based in Los Angeles. Besides a short introduction, her projects take center stage on her home page. If youre wondering what a senior UX designer portfolio should look like, check out Nuwanthis! Work through the entire process, including user research (your friends and family can be your first test subjects). Just imagine: what if the design lead or recruiter opens the case study that youve included only for the sake of having more case studies? Roy has also created some additional visuals for his case study, to tie each of his sections together. Her project choices share this quality as they showcase nothing but digital products. The thumbnail generator takes your case studies hero section and your images (with or without device mockups) and offers you various thumbnail options. A project from his experience as a documentary filmmaker bolsters his UX portfolio and speaks to his capability to perform as a professional. 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. By the time were at the third, we know what to expect. Its better to have 3-4 great case studies than 5-6 mediocre. This upbeat portfolio page by junior product designer, Shubham, mixes great text-styling techniques, pops of vibrant colors, and the space-filling effect of large project thumbnails. For one, your story should be at the heart of your case study. In her Love, Bonito project, Valerie summarizes the case study by indicating the steps she took in order to reach the final outcome. But, since they are under his own domain name on a dedicated website made with UXfolio, they have a more portfolio-ish aura to them. Therefore, it has to look good & serve its purpose, which is to make your visitors want to learn about your work, aka read your case studies. New Best Practices for Leading Hybrid Creative Teams, The Time Is Now to Empower Emerging Designers with a New Approach to Design Education, Translating User Research into User Experience Design, How Julia Feld Uses UX to Help Immigrants & Refugees, Do not sell or share my personal information. Getting started with Pixpa is relatively simple. Mina includes only three case studies in her UX design portfolio, which is within the ideal range. Make sure to link this section from your introduction at the top of your case study in case your readers want to jump straight to it. If youre ready to take the next step toward a career in user experience design, consider enrolling in the Google UX Design Professional Certificate on Coursera. Her portfolio contains both case studies and lots of samples of her work. This is a common theme in the best UX portfolio examples. It definitely stands out from other portfolio layouts, while still utilizing the tried-and-true portfolio structure. Simply put, a case study is the story of a design project you've worked on. His favorite medium is photography and he is a lover of UX because it means constantly helping people. HCI graduate student, Victoria, demonstrates that you can create a unique UX designer portfolio without ending up with an over-designed mess. Our high level goals were to: Make it fast and easy to use for everyone, everywhere. Joshs portfolio is a great example of a project-focused portfolio. and capitalize on it. Roys Boulderr App case study has a good balance of visuals and texts. Think of the introduction as your time to capture your readers attention in a concise, articulate manner. Remember to keep it concise and precise, as hiring managers will typically scan this part of your portfolio. We dont understand the copy in Hyks Moje Osiedle case study, but we can see that he included plenty of visuals alongside the text to help his readers comprehension. It is a much better option than forcing clashing colors and elements next to each other. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. Reading a clear introduction is just what recruiters need when they sift through dozens of portfolios. Our job at UXfolio includes talking to world-renowned design leaders to find out what theyre looking for in portfolios. Sarah put together a beautiful UX portfolio that emphasizes case studies above all else. The case studies in Jokes portfolio are on the shorter side.