ux portfolio case studies

Marthe knows that a great case study goes beyond showing beautiful screens and other deliverables. He gives an outline of the project and an overview of his approach, then walks through the steps of research, ideation, design, and presentation.. What do you love most about design? All case studies should include a section with learnings. He uses case study level password protection on two. 1. Some of her projects are full-fledged case studies, the others are collections of iconography, and logos, storyboards, etc. 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. Learners are advised to conduct additional research to ensure that courses and other credentials pursued meet their personal, professional, and financial goals. This attention to detail is what distinguishes true professionals. To give recruiters vital insights, designers tell compelling stories in text and images to show how they handled problems. We are looking for a dynamic UI/UX designer who will be responsible [] In her Bubs case study, we get a walkthrough of all the projects stages. Felipe, whos a senior product designer, created a simple yet engaging UX designer portfolio. These portfolios have sleek, pared-down interfaces that link out to the designer's body of work. Ux Portfolio. Dribbble, another popular UX portfolio platform, lets you share screenshots of your sketches, prototypes, and design concepts. UX designersnewbies and experts alikewill often share a case study on a portfolio website as a great way to get hired. 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. How to write great case studies that speak to the audience? Try to include at least one live case study. Victorias take reassures us that app concepts are perfect material for UX case studies, as they show even more of your personality and perspective on design. Aesthetically pleasing branding strategies help them effectively reach more customers. This is a good way to encourage visitors to get in touch. Thats because Nicola experimented with the device mockups arrangement on each thumbnail. Justin Morales is a Senior UX designer currently working at Signify Health, a B2B Healthtech company, based in Los Angeles. He included three UX case studies and 3 collections for the rest of his work. Ability to discuss and explain your design decisions and back them up by applying customer insights and business metrics. Focus on solving a real problem. 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. Only visitors with the password will have access to your work. 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. Sagars case study ends with a section about How is the app performing? and another one for reflections. This way your visitors can still check the public parts of your work. You want to select projects that demonstrate your UX process, your problem-solving skills . Avoid signing a non-disclosure agreement (NDA) for unpaid work. High-fidelity prototypes from an unsolicited redesign of Houzz. It typically contains detailed case studies of UX design projects, demonstrating skill and approach. Include a section outlining next steps if you were to continue the work. UX Case Study template A UX case study is a detailed but summarized presentation of a design project, its goals and objectives, the research methods used, the process to find a solution and the results achieved. -Lend your graphic design skills to a worthy cause with donate:code. You may also want to include a short bio and links to your social media accounts here. Show your design process in action through photos, sketches, and screenshots. This isnt exactly the case. Play an active role in our thriving, inspiring, and fun UX Design practice and culture. Sagars home page features large thumbnails with illustrations of similar style. Attending a hackathon gives you the opportunity to design a real app while collaborating with a real team of other designers, developers, and engineers. Nobody wants to look at a cramped portfolio and as much as you want to squeeze everything into a thumbnail you need to make some cuts to keep it simple. One important feature is the "Back to Top" button on the right-hand side of the case study pages. If youre more interested in user research or user interface (UI) design, prioritize these elements in your case studies. We chose to showcase the Diem case study from Victorias portfolio because its such a great example of an app concept. Remember: Outcomes are evident for you, but not for others, since they didnt work on the project with you. Sarah arranged the case study into 5 main sections: Under each section, we get further details, arranged into smaller sections. 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. Reading a clear introduction is just what recruiters need when they sift through dozens of portfolios. This way you can be sure that you wont be judged based on mediocre work. The thumbnail generator takes your case studies hero section and your images (with or without device mockups) and offers you various thumbnail options. Make clear that this was a design challenge so recruiters are aware of the limitations, such as time constraints. Whats more, Sarah included lots of visuals such as information architecture maps, sketches, low-fidelity prototypes, brand application guidelines, and even slides from her final presentation. We all know that UX goes beyond pretty screens. 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. Premium Premium Package. Melysias case studies showcase what a difference a well-chosen accent color makes. UX case studies are one of the essential parts of a UX designer's portfolio. They want you to explain your decisions and to tell why you decided to go with those specific solutions. Her custom thumbnails use the same mockup styles, yet they dont feel repetitive at all. After working with many designers throughout my own career and helping many more build their job-ready portfolios, there are a few designers that I keep coming back to for inspiration and some that are inspiring a new generation of UI/UX and Product Designers to enter the field.. I've chosen 10 of our favorite UI/UX and Product Designersa colorful tapestry of digital product architects that . Theres a reason why UX designer portfolios are structured the way they are. These can pull together even your weirdest projects into a coherent whole. Mention what tasks you worked on. Sketches, wireframes, and prototypes. This way you wont have to leave out anything from your portfolio, but you wont clutter it either. Sometimes its worth redesigning the visuals of your case studies because the finished product will look much more professional. Sidneys My Fave Places case study contains a fantastic Lessons Learned that wraps up everything in the best possible way. 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. Looking for any feedback on my portfolio as a whole, specifically the full case study for the Customer Loyalty app. 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! While case study best practices are great pointers, ultimately it is the project at hand thatll determine your case studys structure and content. When recruiters and UX professionals look through dozens of applications they have only a few minutes. Refresh the page, check. Emi Lantz Emi Lantz's portfolio website opens with a simple statement, "Hi! Unfortunately, it's too easy for UX portfolios to be overloaded with device renderings, prototypes and huge blocks of research text. It could be attributed to the combination of the amazing illustration on his homepage and his bold choice of colors. The 6 must-have components of a good UX researcher portfolio, according to a user experience career coach. Salesforce Product Designer, Rachel used UXfolios thumbnail generator to create stunning thumbnails that match the style of the case studies theyre linking to. Just because youve never completed UX design work for a paying client doesnt mean you have to apply for your first job with an empty portfolio. 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. (including typography, color palettes, logos, and visuals).. Outline that problem and how you went about solving it in your case study. They add a touch of personality to your case studies and also some credibility. These primary users are not interested in your blog or social media. Adobe Portfolio is free with most Adobe Creative Cloud plans and allows you to create a customized site that synchronizes with Behance. 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. 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. Standard Standard Package. When it comes to storytelling and case studies, it is crucial to explicitly connect the research and the final outcome. I don't mind if you have a template of case study and you will change in it UX/UI case studies can include the following: 1. The result? How are they different from UX portfolios? She achieved this by using large, colorful case study thumbnails that capture your attention immediately. Dorons case studies resemble the style of Behance. Here is an example of next steps for a minimum viable product (MVP) for a wine-pairing app. For her thumbnails, Marthe opted for the same mockups to create visual consistency. Here is where you can show how you are able to take your research and apply it to your design. Writing case studies for your UX portfolio can feel opaque and overwhelming. 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. 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. 3. The idea is to have a functioning piece of software by the end of the competitive event, usually constrained to 24 to 72 hours.. Linhs Data Privacy Browser Extension case study is well-structured and engaging. 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. Ready to land your dream job? and capitalize on it. 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. Tammy presents her case study as a slidedeck that lays out the challenge and the four steps of her design process. A case study is an important tool for designers to showcase their skills and approach in a story format, to recruiters, hiring-mangers, colleagues, or fellow designers. UXfolio gives you the power to set up passwords on the portfolio and the case study level. Knowledge of UX methods and their application. Hiring managers want to be able to see the process, including times where you made design decisions and why. 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. 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. 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. He does a great job at using the blue accent color throughout the case study. So, all UX designers juniors and seniors alike need a UX portfolio. Whats more, some design decisions are hard to understand, so illustrations could be good crutches. Jaclyn describes herself as someone with [an] eye for simplicity, keen observational skills, and obsession with organization skills that can be traced in her UX design portfolio. One glance at Valeries portfolio and it is evident that there has been significant time spent on its design. Itll make the time and effort you put into it much more worthwhile. Including a course assignment or capstone project in your portfolio can demonstrate your ability to: Work with the constraints and challenges of a brief, Incorporate feedback into design iterations, Portfolio example: Phyllis Liu - Autonomous Ridesharing, Phyllis Liu, a Seattle-based UX designer who has worked for Facebook and Shopify, designed an autonomous car ridesharing experience as part of a project for a course at the University of Washington. In summary, your UX design portfolio should contain 3-4 UX case studies and some information about yourself. On top of reading well, it includes beautiful, well-placed images with plenty of explanation. Writing a case study is the way a UX researcher demonstrates their value. Another way to add real client work to your UX portfolio is to complete one or two small projects pro bono. 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. 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. Give it a try! Behance offers a free online portfolio platform for creative work, including UI, UX, and graphic design. She also elegantly solves the issue of how to present small projects that don't merit a full case . Long case studies work only if the project calls for it. Including sketches and iterations in your case studies, as Nicola did, is always a good idea. 2. UX Design . 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. Yesha Shah 144 Followers Most UX designers have worked on different projects that came with their own colors and styles. These examples come from portfolios of prominent designers, so don't be intimidated by the quality of work and presentation. 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. Calvin 801 Followers 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 Let's break down how you might do that. This is a level that many designers aspire to achieve, and so use these case studies as a source of inspiration and as something you can look up to. Jon Aizlewood May 19, 2022 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. Your key elements here might include: As you continue building your story, answer the same questions that you did for the research section: If possible, include a deliverable for each methodology. Looking for a way to volunteer your UX design skills? This can be more challenging than an unsolicited redesign, as it lacks the inherent structure and constraints of an existing product. 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. Recruiters and readers dont have hours to review your portfolio, so feature only 3-5 of your absolute best projects. I'll be honest, whenever a junior designer tells me they want their portfolio to be "unique" it almost always . For example, sometimes a contextual inquiry is appropriate while other times it is not. Get inspiration for your entry-level UX portfolio with real world examples. So, UX case studies play a significant role in UX designer's life. 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. UX Portfolio Case Study template sections Project Title & Subtitle (A headline and subtitle that indicates the name and goal of the project) Client/Company/Project type Project date (When did you work on the project) 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. Kurt Winter. The Notch case study could be used as a template by any designer whos not scared of copywriting. David Travis. He begins on a personal note in his description, pointing out that the Boulderr App was a passion project that he worked on with his friends. 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. Recruiters and UX professionals have to look through dozens of case studies each day. You could borrow this technique and present iterations based on user research to tell the story of a project. GitHub community articles . 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. Includes examples of real portfolios and advice for new researchers. User Research and Testing experience. Designing a few UX case studies for your portfolio is a powerful way to help you stand out among the crowd. Just one glance at his portfolio and you know that Doron is not only an exceptional UX/UI designer but also a gifted illustrator. Portfolios for UX Researchers: Top 10 Recommendations Summary: A portfolio of past projects can advance the career of a UX researcher. This is reflected in his stunning UX design portfolio. By re-using this template, he creates a sense of familiarity and security as we click from one case study to the next. 2. If youre wondering what a senior UX designer portfolio should look like, check out Nuwanthis! Gabriel uses a similar outline for all his UX case studies. 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. 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. Designing a few UX case studies for your portfolio is a powerful way to help you stand out among the crowd. Her thumbnails share the same mockup style, resulting in an overall consistency. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. Her case study titles and subtitles are effective too. Her project choices share this quality as they showcase nothing but digital products. Minimalist portfolios. She makes her front page even more interesting by presenting work on her thumbnails differently on each project. You can do that by creating enticing case study thumbnails and featuring them on your home page. Why not use the same principles when it comes to presenting your own work in your portfolio? Get XD Ideas delivered weekly to your inbox. Remember, they were working with a brief and real-world constraints.. Highlight your specialty. But many designers abuse the format. By the time were at the third, we know what to expect. Max pushes visual consistency even further by introducing all his case studies on a background that echoes the color of the projects thumbnail. And its worth hovering for these titles and subtitles! 2. This is a fantastic approach if youre not sure how to structure a case study: start with an overview and follow the stages of the project in chronological order. UX Challenge The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. Using an unconventional color and building your portfolio around it is a great way to stand out from the crowd. Four UI/UX case studies for your portfolio Up to 7 design screens. 14 UX designer portfolio examples Let's check out these 14 UX portfolios to help you create your own design in a way that captures the spirit of your work, as well as a sense of who you are. This is a more holistic approach instead of the usual process-explanation take. What you need is a nice introduction, carefully selected fonts, and a nice, harmonizing color palette to create something beautiful. The result speaks for itself. 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. But its also an opportunity to let your creativity shine., Portfolio example: Jeremy Stokes - Cultivate, Jeremy Stokes is a former Google UX intern and current product designer at Duolingo. 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. Short videos present user task flows in a way that doesnt rely on big blocks of text. Make sure your portfolio provides a good UX. This case study does an excellent job of laying out user research findings. Therefore its understandable that UX leads and recruiters want to see your approach and process. Sagars Strategic Design for Misas Spectracase study walks us through his process from the challenge to research, ending with reflections. Document your process and include visuals in your case studies. Sign up and start building your portfolio for free! Portfolio example: Tammy Taabassum - Wish Design Challenge. One UI/UX case study for your portfolio Up to 3 design screens. Daley Wilhelm Jun 10, 2022 Writing effective agency case studies It's harder than it looks, and why film posters are a good start. Sidney drops a relatable, personal paragraph about distraction then moves on to takeaways that shell be able to use in other projects too. As leaders, its up to us to start fostering and empowering new design talent now. . I design products & brands." They also care about how you think. Having roughly the same size for all of your projects will keep consistency in check. Joshs portfolio is a great example of a project-focused portfolio. Great case studies combine the following ingredients: While your home page and case studies are the most important elements of your portfolio, you should take it a step further. This way she avoids an overload of information upon the first impression. This way we open each project with some background knowledge. 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. Gabriel is a UX designer with a background in visual design, motion graphics, and illustration. Free. She keeps it sleek with the white background of her portfolio front page, using one of UXfolios streamlined templates. Luckily, its possible to craft a stellar portfolio that shows off your skills before youve ever had a paying client. They may also need help with development and implementation (and the resources that go with it). Bjorns case studies utilize UXfolios password protection feature. So next time you are out and about testing with users, document as much as you can. Linh created a striking dusty-pink portfolio that places her introduction into the center via a simple yet eye-catching animated illustration. She uses arrows to point to a specific element. If you also find yourself writing about versions or solutions, feel free to show some sketches and scribbles. Those numbers leave no room for doubt about the quality of WebFX's services. 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). The first step to creating UX case studies is to choose the right projects to feature in your portfolio. A structure with which the industry is familiar and comfortable: The portfolios home page is where your visitor will land. Pick an app or website that youre familiar with, and make it better through your design process.. He understands that its not the number of projects in a portfolio that makes an experienced designer, but their quality and scope. Portio Hugo is well organized, well-formatted, and named accordingly so it's easy to change any and all of the design. 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.