ux portfolio case studies ux portfolio case studies

Shubnhams Tax Planner case study is the perfect mix of visuals and text. A typical mistake I see in UX portfolios is lack of content explaining their contribution to the effort, the images are only the final product and not the process to get there. Job Role: A UI UX designer is a professional who identifies new opportunities to create better user experiences. The introduction contains all necessary elements: She provides an overview, introduces the team, the problem, and her role. 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. 1. This way you can be sure that you wont be judged based on mediocre work. Looking for a way to volunteer your UX design skills? Adobe Portfolio is free with most Adobe Creative Cloud plans and allows you to create a customized site that synchronizes with Behance. 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. Her portfolio contains both case studies and lots of samples of her work. Its also an option to present more information about the projects right on your own portfolio home page. These portfolios have sleek, pared-down interfaces that link out to the designer's body of work. 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. 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. They want you to explain your decisions and to tell why you decided to go with those specific solutions. Mina uses password protection for her case studies to ensure complete control over who can access them. How to write great case studies that speak to the audience? Show your design process in action through photos, sketches, and screenshots. Youve landed your first interview for a UX designer role. She doesnt overexplain her process, assuming that the reader has a general knowledge of UX principles and methods. He does a great job at using the blue accent color throughout the case study. Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. Writing a well-structured UX case study is also one of the basic skills that a competent UX professional should have. Sarah put together a beautiful UX portfolio that emphasizes case studies above all else. UX Case Study Generators Generating UX/UI Ideas and Case Studies Watch on 1. Joshs portfolio is a great example of a project-focused portfolio. One UI/UX case study for your portfolio Up to 3 design screens. Of course the final design is important too, but they want to see how youve arrived there. Ricardo lays out this case study in a clean, minimalistic way. The case study ends with the learnings. Experts discuss new best practices for leading creative teams where collaboration happens remotely & in-office. Copyright 2019-2023 Adobe. This is your opportunity to articulate which user research methodologies fit into your design process. All case studies should include a section with learnings. Trailer 2:32 2. Though their backgrounds are color-blocking, the thumbnails are tied together by the style and positioning of the screens on them. 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. It showcases the entire process in a step-by-step fashion. Only visitors with the password will have access to your work. Some work may need to be password-protected due to NDAs, but you want to give recruiters something to look at without having to email you for a password first. Recruiters and readers dont have hours to review your portfolio, so feature only 3-5 of your absolute best projects. Include a section outlining next steps if you were to continue the work. Refresh the page, check Medium 's site status, or find something interesting to read. Show how you incorporated it into your design. She includes affinity maps, a user persona, task flow chart, and low-fidelity, high-fidelity, animated, and clickable prototypes. Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. This can be more challenging than an unsolicited redesign, as it lacks the inherent structure and constraints of an existing product. Mina includes only three case studies in her UX design portfolio, which is within the ideal range. -Lend your graphic design skills to a worthy cause with donate:code. When reviewing candidates, design leads always check their portfolios first. However all UX design portfolios need to balance an engaging visual experience with one that enhances usability. 1. luisv0301/ux-portfolio. You might include the final mockup or the company logo in this section. Standard Standard Package. The final section includes your Case Studies. 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. He presents interaction coupled with details on what caused problems for users and how this problem was solved. Whats more, they will also understand your work and case study quicker. We are looking for a dynamic UI/UX designer who will be responsible [] High-Quality Case Studies. A structure with which the industry is familiar and comfortable: The portfolios home page is where your visitor will land. This section is where youll provide high-fidelity mockups of your product. 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. One glance at Valeries portfolio and it is evident that there has been significant time spent on its design. This is a common problem for beginning UX designers looking for their first paying job. 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. I'm a former teacher transitioning into a career in UX. Nuwanthi prefers her case studies on the shorter side. Charlees portfolio is embracing variety while still keeping it focused. Sarah arranged the case study into 5 main sections: Under each section, we get further details, arranged into smaller sections. Unfortunately, it's too easy for UX portfolios to be overloaded with device renderings, prototypes and huge blocks of research text. They make up UX portfolios, alongside optional pages such as 'About Me' or 'Contact'. Gabriel uses a similar outline for all his UX case studies. Sketches, wireframes, and prototypes. Its structure is fantastic. 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. Use it to establish your readers background knowledge before they move on to the details. This article breaks down the anatomy of a UX case study to help you tell a simple and effective story that shows off your skills. What isnt in the design, and why? Mention what tasks you worked on. Leslies A Meal Planner for Everyone case study is minimalistic yet effective. Using an unconventional color and building your portfolio around it is a great way to stand out from the crowd. 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. 11.1K Followers. Rather than focusing on laying out their design thinking in long, formulaic case studies, they instead focus on simplicity. We chose to showcase the Diem case study from Victorias portfolio because its such a great example of an app concept. Be clear about the scope and limitations of your project. Dont be afraid to use the same for your case studies. Just one glance at his portfolio and you know that Doron is not only an exceptional UX/UI designer but also a gifted illustrator. Stockwell agrees as they put it, "WebFX's services have impacted our core business by assisting with the brand awareness . The thumbnail generator takes your case studies hero section and your images (with or without device mockups) and offers you various thumbnail options. Here is an example of next steps for a minimum viable product (MVP) for a wine-pairing app. 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. During a hackathon, a group of designers and programmers get together to collaborate on a project. 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. Itll make the time and effort you put into it much more worthwhile. At the end of the project, ask for a letter of recommendation for future jobs. He grew up in Texas, matured in Colorado, and spent his late 20s living in Australia, New Zealand, and Asia. 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. Include any positive feedback from the judges, even if your project didnt ultimately win. 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. Offer helpful resources ~~~~~ Ready to pivot into UI/UX design? This allows recruiters to instantly recognize what she has experience in. Follow his example! If youre looking for an exemplary UX case study, check out Notch by Sarah! The UX portfolio includes some big names and extended case studies of the work he has done for them. 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. After all, this process is a huge part of user-centered design. Fund open source developers The ReadME Project. 1. 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. UX/UI case studies can include the following: 1. They also care about how you think. This isnt exactly the case. Mina does well on both ends. Mood boards and style guides. User flows and customer journey maps. When presenting the outcome of your project, make sure to reflect back on the research findings you mentioned earlier. A UX design portfolio will highlight your unique professional experiences, skills, and design process, and showcase UX/UI case studies and examples. Its better to have 3-4 great case studies than 5-6 mediocre. 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. She starts by outlining the challenge she set for herself, then walks through the steps of her design process, with plenty of images to document her work.. This way we open each project with some background knowledge. Instead of simply showboating on her stunning UIs, Danielle provides background and details, proving that she is designing with purpose. You can do that by creating enticing case study thumbnails and featuring them on your home page. 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. How does the Pixpa portfolio builder work? Below are some examples of case study deliverables during the design phase. She uses arrows to point to a specific element. Just like sending a resum. By Lexie Kane on March 10, 2019 Topics: UX Teams Tammy presents her case study as a slidedeck that lays out the challenge and the four steps of her design process. 7. Premium Premium Package. In this talk, we : 1. Looking for any feedback on my portfolio as a whole, specifically the full case study for the Customer Loyalty app. There are a few ways to do this. 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. Therefore its understandable that UX leads and recruiters want to see your approach and process. A good case study explains your design process from start to finish, providing reasoning behind each decision leading up to the final design. Kurt still shares all the necessary details, but succeeds in making it visually engaging. This content has been made available for informational purposes only. Case studies aren't just for UX portfolios or for consulting proposals: they provide a narrative to describe your work to friends and colleagues. We created it specifically for UX professionals, so its packed with powerful features thatll help you through the portfolio-building process. UX content designer Nikki St.-Cyr's portfolio features several full-length case studies that are well-organized and detailed. and capitalize on it. Roys is a playful and stunning UX portfolio with popping colors. Hiring managers want to be able to see the process, including times where you made design decisions and why. Remember, your UX portfolio is for busy clients and hiring managers (the users). Yet, each contains a nice balance of text and visuals. By re-using this template, he creates a sense of familiarity and security as we click from one case study to the next. This way you can be sure that you won't be judged based on mediocre work. In UX, case studies are what design leads and recruiters are looking for. Where teams create the worlds best experiences at scale, powered by the leader in creative tools. You can follow this structure, while still expressing yourself with colors, fonts, thumbnails, and other design elements. You can also provide in-depth case studies that communicate how you facilitate a user experience. If you have to sign an NDA, make your case study password protected or keep it general, focusing on the early ideation. 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. These are only really small details, but when we read these subtitles we cant help but smile. The result speaks for itself. 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. Follow this UX case study template and youll be well on your way to your dream job. Showcase your process, not just the finished product. Though putting one together might seem like a huge undertaking, once you get an idea of what makes a great portfolio itll come easier. Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. These features include text ideas and guiding questions for copywriting, prototype embedding, scrollable mockups, galleries, statistics section and many, many more. Besides brightening up the case studies, they create cohesion and connection through her projects. 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. 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. After all, the point of a case study is to reveal your process, through which your readers can better understand you. The takeaway from Maxs portfolio home page is that keeping your portfolio clutter-free will always be a winning strategy. 2023 Coursera Inc. All rights reserved. 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.. To show this effectively, youll need to retell the start-to-finish narrative behind the process. (including typography, color palettes, logos, and visuals).. User Experience Strategist @userfocus. Whenever you are showcasing design changes or insights from users, think about how would you present the same things for your clients or boss. Pay special attention to details of each case study: general structure She achieved this by using large, colorful case study thumbnails that capture your attention immediately. By the time were at the third, we know what to expect. His favorite medium is photography and he is a lover of UX because it means constantly helping people. If youd like to protect only certain case studies, you can set a password for those projects only. This way you can ensure that there is enough material to create an amazing case study. Includes examples of real portfolios and advice for new researchers. His solution? The case studies that call for it are more text-heavy, while the rest are more visual-leaning to showcase Maxs design skills and eye for subdued beauty. Method or hypothesis for solving the problem, Design iterations (sketches, wireframes, low and high-fidelity prototypes). The Pain Points and User Motivation section gives a detailed description while remaining easy to follow thanks to the content structure. For her thumbnails, Marthe opted for the same mockups to create visual consistency. Polish your hackathon project before presenting it as a case study (and acknowledge that you did so). Roys Boulderr App case study has a good balance of visuals and texts. It's the single most vital component of any design career move you will ever make. She keeps it sleek with the white background of her portfolio front page, using one of UXfolios streamlined templates. 3. Refresh the page, check. 15 UX portfolio website examples In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. 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.