Then design it. 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. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. A UX portfolio is a collection of case studies that reveal your design process and skills through the story of design projects you've been part of. Remember: Outcomes are evident for you, but not for others, since they didnt work on the project with you. On his case study thumbnails, he achieves visual consistency by showing mockups in front of bright, rectangular shapes. Designing a few UX case studies for your portfolio is a powerful way to help you stand out among the crowd. When presenting the outcome of your project, make sure to reflect back on the research findings you mentioned earlier. Sagars home page features large thumbnails with illustrations of similar style. The case studies in Jokes portfolio are on the shorter side. The only text on his home page is his mission statement, which is to invent and design user-friendly & accessible products and services with added value.. Max took one of UXfolios templates and infused it with cold tones for an ethereal look. First consider the overall structure of your UX portfolio, which should demonstrate your skills and value as a designer. 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. Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. Case Studies; Customer Stories Resources Open Source GitHub Sponsors. 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. Visuals make long UX case studies easier to understand and less of a chore to read. Include any positive feedback from the judges, even if your project didnt ultimately win. You'll also have the opportunity to participate in a Capstone project to build the front end of a web application. For Julia Feld, nothing brings a community together quite like a hot plate of fresh homemade pasta drizzled. Standard Standard Package. Kurt Winter. If you've never written a UX case study, don't worry. Emi Lantz Emi Lantz's portfolio website opens with a simple statement, "Hi! Jeremy begins his case study by introducing the service, then takes you behind the scenes to see his design process. And if they are, they can find them in the footer navigation. 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. One important feature is the "Back to Top" button on the right-hand side of the case study pages. Sarah put together a beautiful UX portfolio that emphasizes case studies above all else. 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. There are a few ways to do this. 1. A rising trend in the UX portfolio world is the ultra-minimalism seen from some senior designers. Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. UX portfolio and case study templates in a click In UXfolio everything's just a click away: UX portfolio templates, UX case study generator, stunning galleries for your UIs, auto-generated device mockups, copywriting help, community and expert feedback and much-much more! Recruiters and UX professionals have to look through dozens of case studies each day. When in doubt, you can always rely on semi-realistic mockups, that have similar borders and shadows. When we hover over Natalies project thumbnails, you can read project subtitles like. In the end, we can try a working prototype, which makes the entire case study even more engaging. main. Just because the front page is traditionally for projects dont be afraid of including a separate page for a longer introduction or some extra details you might see fit in your portfolio. After walking us through his process, we get to see a beautiful gallery of final UIs and a statistics section. Her project got her an internship, as well as a stellar portfolio piece. Nicolas UX design portfolio is a love letter to minimalism. Dont skip steps. Be sure to mention what you would have done differently if you did.. Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. 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. Whichever methodologies you used to guide your design, these are the ones to highlight in your case study. 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. 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. You need to share design stories. Free. Give it a try! Dribbble, another popular UX portfolio platform, lets you share screenshots of your sketches, prototypes, and design concepts. Gabriel is a UX designer with a background in visual design, motion graphics, and illustration. Using an unconventional color and building your portfolio around it is a great way to stand out from the crowd. You dont have to reinvent the wheel in order to create something unique. Let's break down how you might do that. Outline that problem and how you went about solving it in your case study. To give recruiters vital insights, designers tell compelling stories in text and images to show how they handled problems. Sarah arranged the case study into 5 main sections: Under each section, we get further details, arranged into smaller sections. This way your visitors can still check the public parts of your work. Therefore its understandable that UX leads and recruiters want to see your approach and process. Ready to land your dream job? Our speakers were keen on conveying how important these case studies are, as recruiters won't simply take notice of your design outputs. Play an active role in our thriving, inspiring, and fun UX Design practice and culture. He grew up in Texas, matured in Colorado, and spent his late 20s living in Australia, New Zealand, and Asia. These portfolios have sleek, pared-down interfaces that link out to the designer's body of work. Combined with descriptive titles he arouses our curiosity about the projects. User Research and Testing experience. Think about a problem in your own life you wish had a solution, or an app youd love to have on your phone. This way she avoids an overload of information upon the first impression. He does a great job at using the blue accent color throughout the case study. 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. 3. Christiaan managed to create visual consistency by showcasing his projects in mockups. 11.1K Followers. 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. Whats more, she tied all her elements together, achieving visual coherence by using yellow as the accent color. There is just enough text to act as preambles to each step of the process. And only a very few portfolios have that effect. UX Case Study Generators Generating UX/UI Ideas and Case Studies Watch on 1. They also care about how you think. Sometimes the path toward becoming a UX designer starts with an internship. Software engineer turned UX designer, Sidney Rodhas, created a colorful portfolio with rounded edges, and curves. Showing parts of the final UI on your thumbnails, like Danielle does, is a good way to arouse your visitors curiosity: theyll want to learn more about how youve arrived there. A UX design portfolio consists of a series of case studies on previous projects. In particular, their traffic and clicks skyrocketed they experienced an 885% increase in search traffic and a 473% increase in clicks. If you can tell an effective story while integrating human-computer interaction principles throughout, youll come across as a great UX designer that any company would like to hire. Setting the scene, as Gabriel does, is extremely important. Consider including hidden talents, interests, and anything else that is not design related that shows who you are as a person. luisv0301/ux-portfolio. For her thumbnails, Marthe opted for the same mockups to create visual consistency. If youre looking for an exemplary UX case study, check out Notch by Sarah! Matchy.. Depending on your amount of experience and personal preferences, you may also choose to include the following pages: Resume: Give it its own page on the site or link to it. Our job at UXfolio includes talking to world-renowned design leaders to find out what theyre looking for in portfolios. 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? The 6 must-have components of a good UX researcher portfolio, according to a user experience career coach. Instead of simply showboating on her stunning UIs, Danielle provides background and details, proving that she is designing with purpose. 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 difference between UX portfolios and UX case studies. Writing a well-structured UX case study is also one of the basic skills that a competent UX professional should have. As leaders, its up to us to start fostering and empowering new design talent now. Whats more, some design decisions are hard to understand, so illustrations could be good crutches. 3. The best case studies are simple stories that can be re-told in your absence and the POWER framework provides the scaffolding . For each methodology, briefly introduce the technique and include why you used it, what you hoped to learn, the result, and how it influenced your design. This way you can ensure that there is enough material to create an amazing case study. 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. Perhaps theres a non-profit organization, school, or small business in your community that could use a website or app redesign.. 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. 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. Heres the proof that you dont have to overthink your UI/UX portfolio to achieve something great. Prioritize navigation to meet their needs. 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. Two UI/UX case studies for your portfolio Up to 5 design screens. A particularly interesting example is the website design he did for a group of lawyers offering free legal aid to travelers at Dulles Airport in response to the Muslim travel ban in 2017., Homepage concepts for #DullesJustice project. Get XD Ideas delivered weekly to your inbox. The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. They add a touch of personality to your case studies and also some credibility. Daley Wilhelm Jun 10, 2022 Writing effective agency case studies It's harder than it looks, and why film posters are a good start. Jared Bartman. Sketches, wireframes, and prototypes. These can pull together even your weirdest projects into a coherent whole. The 9 Best UX Design Portfolio Examples [Updated For 2023] Courses Programs to change your career UX Design UI Design Full-Stack Web Development Data Analytics Digital Marketing new Product Management new Introductory courses Intro to UX Design Intro to UI Design Intro to Frontend Development Intro to Data Analytics Intro to Digital Marketing new In these cases, consider volunteering as a team or doing pro bono work as part of a nonprofit hackathon. How do you build a UX design portfolio with no experience? With a pretty impressive portfolio, Arshad Wala uses a case study on the UX of the Xbox to demonstrate his problem-solving and design skills. Showcase your process, not just the finished product. Luckily, its possible to craft a stellar portfolio that shows off your skills before youve ever had a paying client. Includes examples of real portfolios and advice for new researchers. 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. Job Role: A UI UX designer is a professional who identifies new opportunities to create better user experiences. Thats why you should check out these stunning UX portfolio examples: The home page and case studies are the essential building blocks of a great UX portfolio. Explore Bachelors & Masters degrees, Advance your career with graduate-level learning, 7 UX Designer Portfolio Examples: A Beginners Guide, Build in demand career skills with experts from leading companies and universities, Choose from over 8000 courses, hands-on projects, and certificate programs, Learn on your terms with flexible schedules and on-demand courses. On a mission to create more UX professionals. Linh used descriptive and straightforward case study titles that make you want to read more.