Play an active role in our thriving, inspiring, and fun UX Design practice and culture. 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. UX Case Study Generators Generating UX/UI Ideas and Case Studies Watch on 1. This section is where youll provide high-fidelity mockups of your product. 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. Natalies case studies include illustrations that are similar in style. Google UX Design Professional Certificate: In addition to earning a Professional Certificate from an industry leader, this online course can be used to add three different end-to-end projects to your portfolio: User Experience (UX), UX Research, Wireframe, Prototype, User Experience Design (UXD), Usability Testing, mockup, Figma, Adobe XD, UX design jobs. Linhs Data Privacy Browser Extension case study is well-structured and engaging. (including typography, color palettes, logos, and visuals).. What isnt in the design, and why? Now that weve gone through the must-have sections of a UX portfolio and some examples of effective case studies, lets take a look at some additional tips and best practices to refer to when building your portfolio. Include a section outlining next steps if you were to continue the work. She showcases her expertise and skills in 4 impactful case studies, focusing on. How to design your UI/UX case study | Portfolio tips + detailed walkthrough Rachel How 150K subscribers Subscribe 6K 123K views 1 year ago Tips on how to prepare your UX/UI Design case. Hyk shows that there are more options to presenting UIs than device mockups: you can also experiment with placements and shadows. On his case study thumbnails, he achieves visual consistency by showing mockups in front of bright, rectangular shapes. Probably you are already mindful of your copywriting. Felipe has three case studies in his portfolio. If you've never written a UX case study, don't worry. Though their backgrounds are color-blocking, the thumbnails are tied together by the style and positioning of the screens on them. The Notch case study could be used as a template by any designer whos not scared of copywriting. These primary users are not interested in your blog or social media. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. This structure is basically the case study equivalent of presenting user research findings to a client. In addition to walking through the entire UX design process step by step, Clayton offers insights into how he and his team responded to the urgency of the process, lessons learned along the way, and the results: three days after launch, the number of volunteers had increased from 100 to 1,200. She took a minimalist portfolio template and made it her own through careful font selection, dynamic project thumbnails, and harmonizing colors. Showcase your process, not just the finished product. Its better to have 3-4 great case studies than 5-6 mediocre. Portio is built with Bootstrap 4. Her portfolio contains both case studies and lots of samples of her work. Well also take a look at how working UX designers present these types of case studies in their portfolios, and offer some takeaways and tips for making your portfolio shine. You'll learn the skills you need for an entry-level role in less than six months, no degree or prior experience required. For her thumbnails, Marthe opted for the same mockups to create visual consistency. All UX case studies should include relevant visuals as too much text can be intimidating for readers. You may not have a huge budget (or any budget at all) when working on a passion project. More or less, the case study . A UX design portfolio will highlight your unique professional experiences, skills, and design process, and showcase UX/UI case studies and examples. All case studies should include a section with learnings. This case study does an excellent job of laying out user research findings. Just remember: When youre writing your UX case studies, show how your users influenced your design decisions. The first step to creating UX case studies is to choose the right projects to feature in your portfolio. An unsolicited redesign gives you the structure of an existing product to start withincluding an established target user basewhile allowing you to put your user experience skills to work. Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. Portfolios for UX Researchers: Top 10 Recommendations Summary: A portfolio of past projects can advance the career of a UX researcher. A good overview can consist of the steps of your design process. The look is on point, and so is the content. Include 3 to 4 Relevant UX Case Studies Your UX design portfolio should contain 3-4 relevant UX case studies to sufficiently demonstrate your abilities. Of course, the number of iterations you present is not set in stone. 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. UX heavyweight, 3.5yrs+ experience, with light UI. $120. Jeremy begins his case study by introducing the service, then takes you behind the scenes to see his design process. These are only really small details, but when we read these subtitles we cant help but smile. Only visitors with the password will have access to your work. Case Studies; Customer Stories Resources Open Source GitHub Sponsors. First consider the overall structure of your UX portfolio, which should demonstrate your skills and value as a designer. Try to include at least one live case study. They all mentioned that the best UX portfolios show the design process and decisions. Make clear that this was a design challenge so recruiters are aware of the limitations, such as time constraints. UX/UI case studies can include the following: 1. You need to understand your user (or reader) and their needs, then develop the right solution for them. When recruiters and UX professionals look through dozens of applications they have only a few minutes. What I most enjoy about Kurt's UX portfolio: It doesn't feel like a UX portfolio. Be sure to take photos of your work when completing a whiteboard challenge during an interview.. 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). If you dont want to add too many case studies to your portfolio (or you just dont have enough projects yet) using larger thumbnails is a great way to fill the space in your portfolio. A rising trend in the UX portfolio world is the ultra-minimalism seen from some senior designers. While theres no hard and fast rule about the number of projects to include in your portfolio, consider featuring three to five in-depth case studies. Two UI/UX case studies for your portfolio Up to 5 design screens. User research is useless if it doesnt influence your design decisions. It just shows that you could have both a professional social media presence and a portfolio website without having to create separate designs. If youve worked on different projects, you can write case studies for the ones that call for it, while categorizing the rest of your work into collections. Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. Roys is a playful and stunning UX portfolio with popping colors. By Lexie Kane on March 10, 2019 Topics: UX Teams Throughout the case study, we get personas, a hand-drawn journey & flow, wireframes, as well as prototypes to help us visualize the findings Quentins design process. 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 case study includes. In a goal to improve accessibility of Xbox content outside of desktop use, he lay outs the issues that need to be solved and clearly highlights the objectives of his case study. 1. Reflecting on a project shows that you didnt just move on to the next one after delivering the design. luisv0301/ux-portfolio. Includes examples of real portfolios and advice for new researchers. The best case studies are simple stories that can be re-told in your absence and the POWER framework provides the scaffolding . Another way to add real client work to your UX portfolio is to complete one or two small projects pro bono. Think of the introduction as your time to capture your readers attention in a concise, articulate manner. 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. We chose to showcase the Diem case study from Victorias portfolio because its such a great example of an app concept. Where are you from? Its the starting point and the first impression. If you still need projects to fill the gaps in your portfolio, you have plenty of options. User flows are another great way to show the design you are working on: If user testing was part of your process, make sure to include what you learned from your iterative usability testing sessions here as well. In UXfolio, this is a native feature both on the portfolio and the case study level. They add a touch of personality to your case studies and also some credibility. Consider including hidden talents, interests, and anything else that is not design related that shows who you are as a person. So, all UX designers juniors and seniors alike need a UX portfolio. Here is where you can show how you are able to take your research and apply it to your design. To get started, let's take a look at some general guidelines and best practices for your UX design portfolio. To achieve a polished vibe, Roy kept all his personal and professional information to his About Me page. Why not use the same principles when it comes to presenting your own work in your portfolio? Consider including screenshots of your design with call-outs of key changes inspired by your usability testing like this: Now its time to show your final designs. Kurt Winter. Whats more, Jaclyn wrote an engaging and memorable About page, which is a hard thing to do. Your portfolio website is itself a demonstration of your skills. One UI/UX case study for your portfolio Up to 3 design screens. A UX Case Study Generator is a tool that serves up hypothetical UX design project ideas, problems, challenges or exercises that you can complete on your own to practice your UX skills or use to create UX Case studies and projects for UX/UI portfolio. A project from his experience as a documentary filmmaker bolsters his UX portfolio and speaks to his capability to perform as a professional. Valeries is a good example that your thumbnails can diverge from the color scheme of your showcased projects if those dont fit together on your home page. Meanwhile, the subtitle describes the scope of the project. Present your design process step-by-step, from the beginning to the end. Its because he used the same text styles and naming formulas on each. If you dont want your portfolio to be public, you can set a password for your entire portfolio. While case study best practices are great pointers, ultimately it is the project at hand thatll determine your case studys structure and content. This gives the whole portfolio an airy and light feel. Such thumbnails alongside a concise and intriguing introduction make for a winning combination. If you are making a career change make sure your projects reflect your desired position so you wont confuse recruiters and UX professionals what sort of work you are actually looking for. Her case study thumbnails from cohesion and her choice of shades make the entire portfolio look very professional. But they're not the same thing. Limiting your portfolio to three main sections will help keep it focused and showcase your UX design techniques in the most effective manner. This is your opportunity to highlight your design-thinking skills and what went into each of your design decisions. When we hover over Natalies project thumbnails, you can read project subtitles like. Sometimes its worth redesigning the visuals of your case studies because the finished product will look much more professional. Audreys bio and introduction are extremely straightforward. In this blog post, I am explaining the purpose, structure, and best practices of a UI UX Design case study and portfolio. Yet, each contains a nice balance of text and visuals. Leslies A Meal Planner for Everyone case study is minimalistic yet effective. Luckily, its possible to craft a stellar portfolio that shows off your skills before youve ever had a paying client. Figma Experience; Demonstrate a UX-focused Product Design portfolio with multiple case studies of products you worked on. 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. Get XD Ideas delivered weekly to your inbox. In this article, well walk through seven types of portfolio case studies you can add to your portfolio that dont require you already having a job. Valerie features only the must-haves on her portfolio front page: A friendly photo, a short bio, contact info, and social media links. Many designers use the word 'portfolio' to refer to their case studies. 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. 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. Highlight your specialty. What is even better that he still shows some final UIs or design elements on the thumbnails so you can get a sense of his overall work even though you cant peek further. In her UX/UI case studies, Jaclyn gives honest and straightforward accounts mixed with well-crafted visuals to tell her design stories. He included three UX case studies and 3 collections for the rest of his work. 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. Christiaan managed to create visual consistency by showcasing his projects in mockups. 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.. Document your process and include visuals in your case studies. Follow his example! Side projects or other work: If you have case studies or graphic design work beyond your few highlighted projects, give them a separate section where those who would like to see more can find them.