ux portfolio case studies

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. This content has been made available for informational purposes only. . Felipe, whos a senior product designer, created a simple yet engaging UX designer portfolio. Linh used descriptive and straightforward case study titles that make you want to read more. If youd like to protect only certain case studies, you can set a password for those projects only. Let's go into more detail. For one, your story should be at the heart of your case study. Marthe knows that a great case study goes beyond showing beautiful screens and other deliverables. The first step to creating UX case studies is to choose the right projects to feature in your 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? main. Leslie Griffiths portfolio breaks with the tradition of one-note UX portfolios. CarbonMade : Andrea Azcurra: Andrea is a seasoned UX writer and content strategist with a love of design thinking and user experience. 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. UX Case Study Example #1 plus free template - UX Design Mastery Linhs Data Privacy Browser Extension case study is well-structured and engaging. 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. 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. In her Love, Bonito project, Valerie summarizes the case study by indicating the steps she took in order to reach the final outcome. Many UX designers use it to ensure that the data in their case studies remain confidential. 11.1K Followers. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. Recruiters and readers don't have hours to review your portfolio, so feature only 3-5 of your absolute best projects. 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. a short but revealing sentence for subtitle. Writing a well-structured UX case study is also one of the basic skills that a competent UX professional should have. On his case study thumbnails, he achieves visual consistency by showing mockups in front of bright, rectangular shapes. It creates a sense of cohesion even when some of your visuals include colorful pictures. However, we can get a glimpse of her storytelling skills in the BizTrip case study. More or less, the case study . How are they different from UX portfolios? Jon Aizlewood May 19, 2022 His favorite medium is photography and he is a lover of UX because it means constantly helping people. Whats more, some design decisions are hard to understand, so illustrations could be good crutches. Itll make your job easier and itll help your audience too, as theyll know what to expect from your next one. She took a minimalist portfolio template and made it her own through careful font selection, dynamic project thumbnails, and harmonizing colors. Heres the proof that you dont have to overthink your UI/UX portfolio to achieve something great. Jeremy also highlights his visual design strengths with a full brand guide that highlights the meaning behind his design choices. Where are you from? How to Create UX Case Studies for Your Portfolio 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. Her case study titles and subtitles are effective too. Our speakers were keen on conveying how important these case studies are, as recruiters won't simply take notice of your design outputs. 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. 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. 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. Let's break down how you might do that. But each section is important for an effective UX case study. Roys is a playful and stunning UX portfolio with popping colors. Writing case studies for your UX portfolio can feel opaque and overwhelming. Besides a short introduction, her projects take center stage on her home page. GitHub - luisv0301/ux-portfolio It's the single most vital component of any design career move you will ever make. 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. Free. The title reveals the purpose of the app/project. UX Case Study Template and Examples | Adobe XD Ideas 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. 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. Mina does well on both ends. Include a positive testimonial from your manager, supervisor, or peers from your time at the company. 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 summary, your UX design portfolio should contain 3-4 UX case studies and some information about yourself. The introduction contains all necessary elements: She provides an overview, introduces the team, the problem, and her role. 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. WebFX Web Design & Marketing Portfolio - Client Projects Setting the scene, as Gabriel does, is extremely important. UX content designer Nikki St.-Cyr's portfolio features several full-length case studies that are well-organized and detailed. Join Khrys to learn more! Portfolio Review: Get feedback on your UX Portfolio - reddit About the Author oz Oz first started UX Beginner was a way to document his own journey to become a UX designer. The takeaway from Maxs portfolio home page is that keeping your portfolio clutter-free will always be a winning strategy. In this talk, we : 1. This way she avoids an overload of information upon the first impression. Minimum Viable UX Portfolio - UX Beginner Combined with descriptive titles he arouses our curiosity about the projects. Maintain your tone of voice. It is her case study thumbnails that tie the whole portfolio page together visually by featuring mockups on grey backgrounds. Instead of simply showboating on her stunning UIs, Danielle provides background and details, proving that she is designing with purpose. 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. The client feedback part is especially powerful, as it uses quotes instead of a summary. For her thumbnails, Marthe opted for the same mockups to create visual consistency. His passion project, Cultivate, lays out a clear problem to solve: theres a stigma around talking about mental health, particularly within the Black community. 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. Sagars Strategic Design for Misas Spectracase study walks us through his process from the challenge to research, ending with reflections. The top 10 UX portfolio builders (and their pros and cons) Uber - User Experience Design Portfolio of Simon Pan UX Case Studies - UX Collective Hyk shows that there are more options to presenting UIs than device mockups: you can also experiment with placements and shadows. (including typography, color palettes, logos, and visuals).. Quentins was built on the less is more principle. My Role Unfortunately, it's too easy for UX portfolios to be overloaded with device renderings, prototypes and huge blocks of research text. These portfolios have sleek, pared-down interfaces that link out to the designer's body of work. Give examples of great case studies + how to write one. Rather than focusing on laying out their design thinking in long, formulaic case studies, they instead focus on simplicity. Max took one of UXfolios templates and infused it with cold tones for an ethereal look. Work through the entire process, including user research (your friends and family can be your first test subjects). How to create the perfect UX portfolio - Justinmind When in doubt, you can always rely on semi-realistic mockups, that have similar borders and shadows. You can do that by creating enticing case study thumbnails and featuring them on your home page. Attending a hackathon gives you the opportunity to design a real app while collaborating with a real team of other designers, developers, and engineers. UX/UI case study is a visual document that contains detailed information about a specific project. In the end, we can try a working prototype, which makes the entire case study even more engaging. 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.. Resist the urge to simply redesign the interface. Portfolios for UX Researchers: Top 10 Recommendations Reading a clear introduction is just what recruiters need when they sift through dozens of portfolios. Christiaan managed to create visual consistency by showcasing his projects in mockups. This is exactly what a great portfolio home page should achieve: it should make your readers want to learn more. Stockwell agrees as they put it, "WebFX's services have impacted our core business by assisting with the brand awareness . Daley Wilhelm Jun 10, 2022 Writing effective agency case studies It's harder than it looks, and why film posters are a good start. Linh created a striking dusty-pink portfolio that places her introduction into the center via a simple yet eye-catching animated illustration. 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. Discuss how to put together a portfolio . But need someone to work a little on the research part and the to do some ux activities and to have it in a presentation pdf. Our high level goals were to: Make it fast and easy to use for everyone, everywhere. And we could go on and on, as UXfolio offers an array of features that were chosen with UX designers and researchers in mind. 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. But that doesnt mean you cant keep working on your portfolio. Our job at UXfolio includes talking to world-renowned design leaders to find out what theyre looking for in portfolios. This way your visitors can still check the public parts of your work. Many interviews include a design challengean interactive test meant to show how you think. Include any positive feedback from the judges, even if your project didnt ultimately win. 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. He included three UX case studies and 3 collections for the rest of his work. 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. 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! Letting your personality shine via funny or unexpected copy is always a great way to go. User Experience Strategist @userfocus. Mina uses password protection for her case studies to ensure complete control over who can access them. Its because he used the same text styles and naming formulas on each. They also care about how you think. Using UXfolios thumbnail styles, Quentin made sure that the case study titles appear on hover only. She makes her front page even more interesting by presenting work on her thumbnails differently on each project. 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. One important feature is the "Back to Top" button on the right-hand side of the case study pages. Many designers believe that the more youve worked in the industry the more case studies you need in your portfolio. Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. Case Studies; Customer Stories Resources Open Source GitHub Sponsors. 10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2023) Whats more, Jaclyn wrote an engaging and memorable About page, which is a hard thing to do. When reviewing candidates, design leads always check their portfolios first. Competitive UX analysis. 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. How to write case studies for your design portfolio - Wix.com 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. Throughout his case studies, he used many of UXfolios built-in device mockups, so theres a feeling of coherence even between different case studies. Avoid signing a non-disclosure agreement (NDA) for unpaid work. 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. By the time were at the third, we know what to expect. 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 can learn more about her professional background on the About page. Portfolio example: Clayton Hopkins - #DullesJustice, Clayton Hopkins includes a few pro bono case studies in his portfolio in the form of Medium articles. All case studies should include a section with learnings. If you dont want your portfolio to be public, you can set a password for your entire portfolio. 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. Get inspiration for your entry-level UX portfolio with real world examples. User flows and customer journey maps. Its not surprising, since shes an experienced UX/UI designer. UX heavyweight, 3.5yrs+ experience, with light UI. Whats more, she tied all her elements together, achieving visual coherence by using yellow as the accent color. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. Senior UI/UX Designer - in.linkedin.com And only a very few portfolios have that effect. 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 Prescription tracker case study uses UXfolios sticky navigation section to help the readers comprehension of the projects stages: interviews, user journey, sketch, iterate, prototype, release. Consider including hidden talents, interests, and anything else that is not design related that shows who you are as a person. In Danielles portfolio, the spotlight is on the UIs. 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. 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. Hi there! The thumbnail generator takes your case studies hero section and your images (with or without device mockups) and offers you various thumbnail options. Throughout the previous years, long case studies have been the standard among UXers. How to create a successful UX case study in 2023 to ace your first Outline your role in the project and who else contributed. Think of the introduction as your time to capture your readers attention in a concise, articulate manner. These can pull together even your weirdest projects into a coherent whole. 2. 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. Those numbers leave no room for doubt about the quality of WebFX's services. These research-based design decisions are at the heart of user-centered design. Build a beautiful portfolio quickly and easily. In her UX/UI case studies, Jaclyn gives honest and straightforward accounts mixed with well-crafted visuals to tell her design stories. 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. 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. He does a great job at using the blue accent color throughout the case study. And if they are, they can find them in the footer navigation. 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. Kurt still shares all the necessary details, but succeeds in making it visually engaging. At the end of the project, ask for a letter of recommendation for future jobs. Roys Boulderr App case study has a good balance of visuals and texts. Thats because Nicola experimented with the device mockups arrangement on each thumbnail. User research is useless if it doesnt influence your design decisions. User research and personas. In this article, well dive into this further and highlight some UX case study examples, templates, and more. Refresh the page, check Medium 's site status, or find something interesting to read. Charlees portfolio is embracing variety while still keeping it focused. Most of her info is reserved for the About page, allowing her work to take center stage. Since she is a product designer, her showcased projects are all digital products. 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. Only visitors with the password will have access to your work. Shubham included some of his wireframes, a final, embedded prototype, and even finished UIs to illustrate the entire design process. Trailer 2:32 2. Case-study examples - UX Portfolio In UXfolio, this is a native feature both on the portfolio and the case study level. And dont forget, sometimes the journey is more important than the goal itself! In the Progressive Leasing & Best Buy case studies there are photos of sketches, discovery, and user research to aid comprehension. You dont have to reinvent the wheel in order to create something unique. By re-using this template, he creates a sense of familiarity and security as we click from one case study to the next. Keep in mind that many nonprofits and small businesses may need more than just design. 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. She achieved this by using large, colorful case study thumbnails that capture your attention immediately. We all know that UX goes beyond pretty screens. Having your own hosted website can often be worth the extra expense. The look is on point, and so is the content. His case study includes his research methods, market analysis, detailed user persona, user journey map, and lots of early sketches and website iterations. 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. 5 Principles of Exceptional Case Studies in UX Portfolios Remember, they were working with a brief and real-world constraints.. The first week is free. 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. A good overview can consist of the steps of your design process. Its the starting point and the first impression. 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.. Tammy presents her case study as a slidedeck that lays out the challenge and the four steps of her design process. 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.