ux portfolio case studies

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. Therefore, they should always be in the forefront. 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). Junior UI/UX Designer - Dollarbird Roy has also created some additional visuals for his case study, to tie each of his sections together. $120. 5 Principles of Exceptional Case Studies in UX Portfolios These portfolios have sleek, pared-down interfaces that link out to the designer's body of work. Its not rocket science, but there are certain guidelines to follow to make your portfolio a success. What are UX Case Studies? | IxDF - The Interaction Design Foundation Copyright 2019-2023 Adobe. So, UX case studies play a significant role in UX designer's life. The first week is free. Dont be afraid to use the same for your case studies. This technique gives a sense of closeness and raises the credibility factor of a case study. It definitely stands out from other portfolio layouts, while still utilizing the tried-and-true portfolio structure. We recommend checking out Melysias B&D case study. Behance offers a free online portfolio platform for creative work, including UI, UX, and graphic design. How to write case studies for your design portfolio - Wix.com This is your opportunity to articulate which user research methodologies fit into your design process. UX Design . Realistically, a product will continue to grow in an iterative process; explaining the direction the product is heading or talking about features that are coming up in future iterations is a great way to showcase this. To get started, let's take a look at some general guidelines and best practices for your UX design portfolio. 10 Well Done UX Case Studies You Should Read in 2021 - Wondershare Itll make your job easier and itll help your audience too, as theyll know what to expect from your next one. Below are some examples of case study deliverables during the design phase. About this Event. How to Make a UX Design Portfolio: Tips and Examples To Help You Stand Choose student projects with realistic constraints and real business value. Its the starting point and the first impression. As leaders, its up to us to start fostering and empowering new design talent now. A project from his experience as a documentary filmmaker bolsters his UX portfolio and speaks to his capability to perform as a professional. This is a good way to encourage visitors to get in touch. UX case studies are examples of design work which designers include in their portfolio. Read about prioritizing personas, mapping user journeys and practical techniques to achieve an engaging user experience. When reviewing candidates, design leads always check their portfolios first. 4. Use it to establish your readers background knowledge before they move on to the details. A UX design portfolio is a collection of design case studies that showcases your skillset and your approach to the design process as a whole. Though the projects come from different fields, Gabriels portfolio still looks consistent, because he used the same template for his thumbnails. Ability to discuss and explain your design decisions and back them up by applying customer insights and business metrics. These are only really small details, but when we read these subtitles we cant help but smile. However all UX design portfolios need to balance an engaging visual experience with one that enhances usability. Bjorns case study thumbnails dont follow an obvious color story, yet they work together perfectly. Most of Rachels case studies are password-protected. Be sure to mention what you would have done differently if you did.. In her Bubs case study, we get a walkthrough of all the projects stages. What makes for a great UX portfolio? In this talk, we : 1. Senior UI/UX Designer - in.linkedin.com These examples come from portfolios of prominent designers, so don't be intimidated by the quality of work and presentation. 15 Excellent UX Case Studies Every Creative Should Read - htmlBurger Blog 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. 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. 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. 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. In particular, their traffic and clicks skyrocketed they experienced an 885% increase in search traffic and a 473% increase in clicks. If youre wondering what a senior UX designer portfolio should look like, check out Nuwanthis! Check out his UX writing case studies, especially the one for the digital technology addiction app Reboot & Recover. The best way to get your visitors to read your case studies, where they can see your skills in actions, is to grab their attention. So please don't think of a case study as . This way your visitors can still check the public parts of your work. UI UX Design Case Study & Portfolio - Aspira Each case study starts with a title and a concise description of the UX project. He begins by setting the scene: we learn about his role, the problem, tools, and his approach/ideas. Reading a clear introduction is just what recruiters need when they sift through dozens of portfolios. 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. A UX design portfolio consists of a series of case studies on previous projects. UX Portfolio Case Study template (plus examples from - Medium UX Case Studies - UX Collective Emi Lantz Emi Lantz's portfolio website opens with a simple statement, "Hi! The ultimate UX portfolio resource: 70 best practice examples Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. Felipe, whos a senior product designer, created a simple yet engaging UX designer portfolio. How are they different from UX portfolios? Her project got her an internship, as well as a stellar portfolio piece. But they're not the same thing. Heres an example of a good structure to follow: Remember, hiring managers comb through a lot of portfolios, so its important to keep yours focused. and capitalize on it. Be clear about the scope and limitations of your project. Figma Experience; Demonstrate a UX-focused Product Design portfolio with multiple case studies of products you worked on. 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. The Notch case study could be used as a template by any designer whos not scared of copywriting. Shubnhams Tax Planner case study is the perfect mix of visuals and text. UX Designer Portfolios - Inspiring Examples | Toptal This is where you get to show your personality and briefly talk about your history. You'll learn the skills you need for an entry-level role in less than six months, no degree or prior experience required. Two UI/UX case studies for your portfolio Up to 5 design screens. 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. You might include the final mockup or the company logo in this section. Leslies A Meal Planner for Everyone case study is minimalistic yet effective. 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. 7. When recruiters and UX professionals look through dozens of applications they have only a few minutes. Sign up and start building your portfolio for free! UX writing & relevant articles. High-Quality Case Studies. UX Case Study Template and Examples | Adobe XD Ideas Give it a try! Mina does well on both ends. Recruiters and UX professionals have to look through dozens of case studies each day. 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. Therefore its understandable that UX leads and recruiters want to see your approach and process. Usability testing results chart for a Wish design challenge. 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. And only a very few portfolios have that effect. 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. Build a beautiful portfolio quickly and easily. High-fidelity prototypes from an unsolicited redesign of Houzz. Such narratives showcase designers' skills and ways of thinking and maximize their appeal as potential hires. The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. 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. UX designersnewbies and experts alikewill often share a case study on a portfolio website as a great way to get hired. Make sure your portfolio provides a good UX. Hyk shows that there are more options to presenting UIs than device mockups: you can also experiment with placements and shadows. In her Love, Bonito project, Valerie summarizes the case study by indicating the steps she took in order to reach the final outcome. 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. But each section is important for an effective UX case study. How to write a UX writing case study A step-by-step guide to breaking down the UX writing approach of a user experience and improving upon it. Marthe knows that a great case study goes beyond showing beautiful screens and other deliverables. Inspiring Examples of UX Design Portfolios | Adobe XD Ideas Luckily, its possible to craft a stellar portfolio that shows off your skills before youve ever had a paying client. 1. Your portfolio website is itself a demonstration of your skills. 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 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. Bjorns hero section is simple and welcoming. Writing case studies for your UX portfolio can feel opaque and overwhelming. Tammy presents her case study as a slidedeck that lays out the challenge and the four steps of her design process. The course teaches you how to create a solid UX portfolio in record time. WebFX Web Design & Marketing Portfolio - Client Projects These aim to demonstrate how you approach the UX process, and who you are as a designer. Build Your UX Portfolio Quickly and Easily - UXfolio It's the single most vital component of any design career move you will ever make. After all, this process is a huge part of user-centered design. Ready to land your dream job? This is exactly what a great portfolio home page should achieve: it should make your readers want to learn more. Writing a well-structured UX case study is also one of the basic skills that a competent UX professional should have. You should never inflate the number of words in your case study just for the sake of it because itll become a chore to read it. There are a few ways to do this. Though their backgrounds are color-blocking, the thumbnails are tied together by the style and positioning of the screens on them. Adding pages like About/Bio, Contact, UX designer resum, and social links can make your portfolio more usable, revealing, and personal. UX/UI Portfolio: Designing Amazing Case Studies Patricia Reiners, UX/UI Designer // Innovation // Watch this class and thousands more Get unlimited access to every class Taught by industry leaders & working professionals Topics include illustration, design, photography, and more Lessons in This Class 33 Lessons (2h 42m) 1. Experts discuss new best practices for leading creative teams where collaboration happens remotely & in-office. 2. The Pain Points and User Motivation section gives a detailed description while remaining easy to follow thanks to the content structure. Portfolios for UX Researchers: Top 10 Recommendations Case studies aren't just for UX portfolios or for consulting proposals: they provide a narrative to describe your work to friends and colleagues. Maintain your tone of voice. Complete Guide to Building an Awesome UX Case Study - CareerFoundry User Research and Testing experience. 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. And its worth hovering for these titles and subtitles! Heres the proof that you dont have to overthink your UI/UX portfolio to achieve something great. Roys Boulderr App case study has a good balance of visuals and texts. By the end, you'll have completed nine projects in a lab environment or web application and earned a Professional Certificate from Meta. Trailer 2:32 2. Looking for a way to volunteer your UX design skills? However, we can get a glimpse of her storytelling skills in the BizTrip case study. Remember to keep it concise and precise, as hiring managers will typically scan this part of your portfolio. With a bit of iteration and polish after the fact, you can transform these challenges (especially the take-home ones) into fresh material for your portfolio. GitHub community articles . On a mission to create more UX professionals. Justin Morales is a Senior UX designer currently working at Signify Health, a B2B Healthtech company, based in Los Angeles. Resist the urge to simply redesign the interface. Discuss how to put together a portfolio . This way you can be sure that you wont be judged based on mediocre work. 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. Ux Portfolio. 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? Some of her projects are full-fledged case studies, the others are collections of iconography, and logos, storyboards, etc. Our speakers were keen on conveying how important these case studies are, as recruiters won't simply take notice of your design outputs. They want you to explain your decisions and to tell why you decided to go with those specific solutions. Key Requirements - 4-6 years of experience in building consumer facing products, both UX and UI; A portfolio with 2-3 detailed UX case studies (Launched or unlaunched products) Also, must have a body of work that are currently in use by the intended users at . Remember, your UX portfolio is for busy clients and hiring managers (the users). User research is useless if it doesnt influence your design decisions. Portio Hugo is well organized, well-formatted, and named accordingly so it's easy to change any and all of the design. While its crucial that your case study is information-packed and an enjoyable read, but it also should be nice to look at. Jeremy begins his case study by introducing the service, then takes you behind the scenes to see his design process. The background information will help the readers understanding and itll create a better reading experience. With 9 years of experience under her belt, Nuwanthi knows a thing or two about curating her work. Squarespace . What is the work of a UX designer? I'm feeling discouraged and like my work doesn't measure up. David Travis. Short videos present user task flows in a way that doesnt rely on big blocks of text. Those numbers leave no room for doubt about the quality of WebFX's services. Your Cover Page should include a hero image, as well as your name and current job title. Contact: This doesnt have to be its own page, but be sure to give recruiters a way to get in touch after youve wowed them with your work. Where teams create the worlds best experiences at scale, powered by the leader in creative tools. What are some key companies or brands you have worked with? How to create a successful UX case study in 2023 to ace your first Therefore, including a small but unexpected detail might just be your ticket for an interview. He grew up in Texas, matured in Colorado, and spent his late 20s living in Australia, New Zealand, and Asia. Phill applies his storytelling sensibility in presenting the case studies, outlining his thorough process step-by-step. Audreys bio and introduction are extremely straightforward. Probably you are already mindful of your copywriting. UX case study playbook. A case study is an important tool for | by In these cases, consider volunteering as a team or doing pro bono work as part of a nonprofit hackathon. After all, the point of a case study is to reveal your process, through which your readers can better understand you. An exceptional case study keeps the audience in mind I'm going to repeat what others have said many times before: your portfolio is just another design project. Minimalist portfolios. Portfolio example: Tammy Taabassum - Wish Design Challenge. Follow this UX case study template and youll be well on your way to your dream job. Thus, it is a great template for you if you dont feel like creating separate sections for the research insights or simply want to showcase final UIs as soon as possible. UX case studies are one of the essential parts of a UX designer's portfolio. My First UX Case Study for Google UX Certification | by Yesha Shah | Muzli - Design Inspiration Write Sign up Sign In 500 Apologies, but something went wrong on our end. Consequently, you gain some extra room for and experimentation with the imagery of your thumbnails. Gabriel is a UX designer with a background in visual design, motion graphics, and illustration. Whenever you are showcasing design changes or insights from users, think about how would you present the same things for your clients or boss. Though putting one together might seem like a huge undertaking, once you get an idea of what makes a great portfolio itll come easier. We had to pleasure of talking to some of the most innovative and influential UX designers in the industry, such as. Knowledge of UX methods and their application. So, achieving visual consistency with your project thumbnails can be hard. Her project choices share this quality as they showcase nothing but digital products. 3. In the Pebble Health case study Alexander showcased a whole Visual Design Evolution, explaining how he applied an existing visual language to a new platform. The introduction contains all necessary elements: She provides an overview, introduces the team, the problem, and her role. Designing a few UX case studies for your portfolio is a powerful way to help you stand out among the crowd. Carsons portfolio is simple yet appealing. The first thing we see when landing on the portfolio is a high-quality photo of Bjorn, with a friendly smile on his face, alongside a short design manifesto. 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. But Denis shows us how its done: find one common thread a color, shape, etc. User research and personas. Whats more, Jaclyn wrote an engaging and memorable About page, which is a hard thing to do. And that reason is their audience. Perhaps theres a non-profit organization, school, or small business in your community that could use a website or app redesign.. Quentins was built on the less is more principle. Featured Case Study: HydroWorx 131% increase in organic contact form submissions 236% increase in organic sessions Ongoing monthly SEO strategy Custom website redesign Comprehensive social media strategy Read Case Study +131% Lead Increase 35 Impressive UX Portfolio Examples & a Guide for Yours - UXfolio Blog There is no better way to show how much work and consideration is involved in the design process. She doesnt overexplain her process, assuming that the reader has a general knowledge of UX principles and methods. This structure is basically the case study equivalent of presenting user research findings to a client. -Lend your graphic design skills to a worthy cause with donate:code. It is a much better option than forcing clashing colors and elements next to each other. Visuals make long UX case studies easier to understand and less of a chore to read. The course assignment 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. UX Portfolio Case Study template (plus examples from successful hires) 20 Best UX Design Portfolio Examples and How to Make One - Mockplus If youre more interested in user research or user interface (UI) design, prioritize these elements in your case studies. After walking us through his process, we get to see a beautiful gallery of final UIs and a statistics section. All Rights Reserved. Outline that problem and how you went about solving it in your case study. 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. Let's break down how you might do that. 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. Jared Bartman. If youve never written a UX case study, dont worry. During a hackathon, a group of designers and programmers get together to collaborate on a project. The case study includes. This content has been made available for informational purposes only. Note : I skimmed through Shawn's Grubhub UX project case study. It creates a sense of cohesion even when some of your visuals include colorful pictures. UX Portfolio Case Study template (plus examples from successful hires) | by Calvin | UX Planet Write Sign up Sign In 500 Apologies, but something went wrong on our end. A good overview can consist of the steps of your design process. Portio is built with Bootstrap 4. 5. User flows and customer journey maps. Another option for a case study you can complete without any formal UX design experience is to build a concept app or website from scratch. Her teams challenge was to design an app to help college students better connect with their classmates. Many UX designers use it to ensure that the data in their case studies remain confidential. You can follow this structure, while still expressing yourself with colors, fonts, thumbnails, and other design elements. Showcase your process, not just the finished product. Get XD Ideas delivered weekly to your inbox. Here is where you can show how you are able to take your research and apply it to your design. 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. Standing Out as a Junior UX Designer: The Pitfalls of Reinventing the A service that uses plant care as a method to empower users to cultivate (and talk about) their own mental health., User journey map from the Cultivate case study. The result speaks for itself. Having your own hosted website can often be worth the extra expense. If you dont want your portfolio to be public, you can set a password for your entire portfolio. Get free online user experience lessons at uxtraining.net. 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. His solution? The thumbnail generator takes your case studies hero section and your images (with or without device mockups) and offers you various thumbnail options. When it comes to storytelling and case studies, it is crucial to explicitly connect the research and the final outcome. She is brave in her choice of color and it results in a stunning portfolio. Present your design process step-by-step, from the beginning to the end. Portfolio example: Clayton Hopkins - #DullesJustice, Clayton Hopkins includes a few pro bono case studies in his portfolio in the form of Medium articles. This way you wont have to leave out anything from your portfolio, but you wont clutter it either. Both analytical data and learnings would be impactful closures for a case study, but combining the two is even better! 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. In the Progressive Leasing & Best Buy case studies there are photos of sketches, discovery, and user research to aid comprehension. A UX design portfolio will highlight your unique professional experiences, skills, and design process, and showcase UX/UI case studies and examples. 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. The case study walks through the projects user research, product design iterations, validation through user testing, and user journey map before wrapping up with key takeaways and lessons learned.. 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.