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. Try to include at least one live case study. Recruiters and readers dont have hours to review your portfolio, so feature only 3-5 of your absolute best projects. Case Studies; Customer Stories Resources Open Source GitHub Sponsors. Also, pay mind to your introduction. The list below outlines a few 100-percent online, self-paced programs that you can use to expand your UX design skills and bulk up your portfolio. One UI/UX case study for your portfolio Up to 3 design screens. Use it to establish your readers background knowledge before they move on to the details. The difference between UX portfolios and UX case studies. So next time you are out and about testing with users, document as much as you can. A UX designer portfolio is designed to showcase a UX designer's work. Also, try to make it easy for the reader to establish a connection between those two parts. Give riders more control over their time and money. You need to understand your user (or reader) and their needs, then develop the right solution for them. 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. The idea is to have a functioning piece of software by the end of the competitive event, usually constrained to 24 to 72 hours.. Follow his example! 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. -Lend your graphic design skills to a worthy cause with donate:code. They also ensure that the end-to-end journey with their products or services meets desired outcomes. 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! 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. 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. 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. These features include text ideas and guiding questions for copywriting, prototype embedding, scrollable mockups, galleries, statistics section and many, many more. 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. Theres a reason why UX designer portfolios are structured the way they are. 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.. Document your process and include visuals in your case studies. Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. When you are designing your own portfolio homepage pay attention to whitespace and margins. He presents interaction coupled with details on what caused problems for users and how this problem was solved. Quentin begins with a short overview of the project, then makes a fantastic transition onto the design process by stating the problem. Setting the thumbnail titles to appear on hover only adds to the weightless feel of the home page. Sign up and start building your portfolio for free! Whenever you are showcasing design changes or insights from users, think about how would you present the same things for your clients or boss. Youd probably point out details and show what exactly changed so try applying this mindset to your written case studies as well. There is just enough text to act as preambles to each step of the process. Portfolios for UX Researchers: Top 10 Recommendations Summary: A portfolio of past projects can advance the career of a UX researcher. He uses the same color for his headings and the visuals in the case study, achieving a very put-together feel. It's the single most vital component of any design career move you will ever make. It creates a sense of cohesion even when some of your visuals include colorful pictures. When recruiters and UX professionals look through dozens of applications they have only a few minutes. What isnt in the design, and why? Looking for a way to volunteer your UX design skills? Method or hypothesis for solving the problem, Design iterations (sketches, wireframes, low and high-fidelity prototypes). 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. In the end, we can try a working prototype, which makes the entire case study even more engaging. Choose projects that are fun or interesting to you and that youd be proud to display in your portfolio. Instead of simply showboating on her stunning UIs, Danielle provides background and details, proving that she is designing with purpose. While the introduction of the Riley Hospital case study is quite short it does have all the details necessary to understand what comes next: Sometimes its hard to summarize a long project but it really pays off to shorten and minimize the text you write. Mina does well on both ends. 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. Itll make the time and effort you put into it much more worthwhile. Our job at UXfolio includes talking to world-renowned design leaders to find out what theyre looking for in portfolios. -Join a Code for America brigade to help design new tools for local communities. Below are some examples of case study deliverables during the design phase. Present the right work, summarize your findings, and communicate clearly to showcase your skills. She achieved this by using large, colorful case study thumbnails that capture your attention immediately. Marthe knows that a great case study goes beyond showing beautiful screens and other deliverables. Consider including hidden talents, interests, and anything else that is not design related that shows who you are as a person. Choose a project you care about. This type of project is great for: Establishing familiarity with the design process, Shu Jiang, a product designer at Google, includes an excellent example of an unsolicited redesign of the app Houzz in her portfolio. By the time were at the third, we know what to expect. 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. 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. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. 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. Using UXfolios thumbnail styles, Quentin made sure that the case study titles appear on hover only. Throughout the case study, we get personas, a hand-drawn journey & flow, wireframes, as well as prototypes to help us visualize the findings Quentins design process. The rest of the content follows Rachels design process, including research, sketching, and prototyping. In these cases, consider volunteering as a team or doing pro bono work as part of a nonprofit hackathon. These aim to demonstrate how you approach the UX process, and who you are as a designer. Ux Portfolio. All UX case studies should include relevant visuals as too much text can be intimidating for readers. This is reflected in his stunning UX design portfolio. You might include the final mockup or the company logo in this section. The background information will help the readers understanding and itll create a better reading experience. Yet, each contains a nice balance of text and visuals. When we hover over Natalies project thumbnails, you can read project subtitles like. 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. 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. Get inspiration for your entry-level UX portfolio with real world examples. Telling the story of your design does not necessarily mean that a case study should be a list of methods and steps ending with a final design. As we know, the UX design process is not linear, and every design calls for a different methodology. 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. In this talk, we : 1. On top of reading well, it includes beautiful, well-placed images with plenty of explanation. He grew up in Texas, matured in Colorado, and spent his late 20s living in Australia, New Zealand, and Asia. You'll learn the skills you need for an entry-level role in less than six months, no degree or prior experience required. Sarah arranged the case study into 5 main sections: Under each section, we get further details, arranged into smaller sections. Combined with descriptive titles he arouses our curiosity about the projects. Build a beautiful portfolio quickly and easily. Tie great UX back to business value (how does solving a user problem impact the business in a positive way?). Christiaan managed to create visual consistency by showcasing his projects in mockups. You should also highlight and tease any emerging technology that you used (such as AR, AI, or VR) to pique your readers attention. Therefore, they should always be in the forefront. Leslie Griffiths portfolio breaks with the tradition of one-note UX portfolios. The Storytelling Approach in UX Case Studies An essential part of the portfolio of a UX designer is the case studies that pack a showcase of the designer's skills, way of thinking, insights in the form of compelling stories. Whats important is that you showcase your range through your best work. High-fidelity prototypes from an unsolicited redesign of Houzz. Leslies A Meal Planner for Everyone case study is minimalistic yet effective. His case study includes his research methods, market analysis, detailed user persona, user journey map, and lots of early sketches and website iterations. Her project got her an internship, as well as a stellar portfolio piece. This section is where youll provide high-fidelity mockups of your product. Carsons portfolio is simple yet appealing. Its also an option to present more information about the projects right on your own portfolio home page. luisv0301/ux-portfolio. Short videos present user task flows in a way that doesnt rely on big blocks of text. After the event, Yang even added an illustration showing how the app would bridge the gap between user experience and business value based on feedback from hackathon judges.. Therefore, including a small but unexpected detail might just be your ticket for an interview. This way she avoids an overload of information upon the first impression. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. Documentary is, after all, a quintessential form of user research. A rising trend in the UX portfolio world is the ultra-minimalism seen from some senior designers. Focus on process over finished product. High-Quality Case Studies. The takeaway from Maxs portfolio home page is that keeping your portfolio clutter-free will always be a winning strategy. Many UX designers use it to ensure that the data in their case studies remain confidential. You may not have a huge budget (or any budget at all) when working on a passion project. Think about a problem in your own life you wish had a solution, or an app youd love to have on your phone. Check out these sites for opportunities: -Get matched with a nonprofit project on Catchafire. Where are you from? Include a positive testimonial from your manager, supervisor, or peers from your time at the company. Four UI/UX case studies for your portfolio Up to 7 design screens. 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. But if youd like to get started building a portfolio for free, these platforms can help you showcase your work: 1. Of course the final design is important too, but they want to see how youve arrived there. Its up to you which one you chose! 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. The client feedback part is especially powerful, as it uses quotes instead of a summary. The course teaches you how to create a solid UX portfolio in record time. She includes affinity maps, a user persona, task flow chart, and low-fidelity, high-fidelity, animated, and clickable prototypes. 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. He does a great job at using the blue accent color throughout the case study. 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. The first step to creating UX case studies is to choose the right projects to feature in your portfolio. UX Challenge Case studies aren't just for UX portfolios or for consulting proposals: they provide a narrative to describe your work to friends and colleagues. 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. 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. The case study includes. His passion project, Cultivate, lays out a clear problem to solve: theres a stigma around talking about mental health, particularly within the Black community. 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. User flows are another great way to show the design you are working on: If user testing was part of your process, make sure to include what you learned from your iterative usability testing sessions here as well. 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 Sidney drops a relatable, personal paragraph about distraction then moves on to takeaways that shell be able to use in other projects too. On his case study thumbnails, he achieves visual consistency by showing mockups in front of bright, rectangular shapes. This is exactly what a great portfolio home page should achieve: it should make your readers want to learn more. In summary, your UX design portfolio should contain 3-4 UX case studies and some information about yourself. 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. Hyks is a very simple yet impressive portfolio home page, mostly because of his eye-catching thumbnails. While the project thumbnails are quite large in size their content is way smaller. On a similar note, remember that your case study describes your project, so feel free to let your individual personality shine through in your writing. Max took one of UXfolios templates and infused it with cold tones for an ethereal look. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. This technique gives a sense of closeness and raises the credibility factor of a case study. Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. You can learn more about her professional background on the About page. 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. 4. Let's break down how you might do that. 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. This gives the whole portfolio an airy and light feel. This can be a good tactic if you have NDA-protected work that you want to showcase without exposing it to the whole world. 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. As leaders, its up to us to start fostering and empowering new design talent now. Charlees portfolio is embracing variety while still keeping it focused. Though putting one together might seem like a huge undertaking, once you get an idea of what makes a great portfolio itll come easier. This is your opportunity to highlight your design-thinking skills and what went into each of your design decisions. 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. Hyk shows that there are more options to presenting UIs than device mockups: you can also experiment with placements and shadows. In this blog post, I am explaining the purpose, structure, and best practices of a UI UX Design case study and portfolio. If you dont want your portfolio to be public, you can set a password for your entire portfolio. To get started, let's take a look at some general guidelines and best practices for your UX design portfolio. Felipe, whos a senior product designer, created a simple yet engaging UX designer portfolio. main. Instead of an image, he uses a bright gif of his name that immediately catches visitors attention. 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. 11.1K Followers. What do you love most about design? This is particularly important when giving background on the problem you set out to solve. Whats more, Jaclyn wrote an engaging and memorable About page, which is a hard thing to do. If you are creating case studies solely for the purpose of populating your portfolio, I guarantee those won't be competitive enough. Competitive UX analysis. Roys is a playful and stunning UX portfolio with popping colors. This is a common problem for beginning UX designers looking for their first paying job. Figma Experience; Demonstrate a UX-focused Product Design portfolio with multiple case studies of products you worked on. This way you can ensure that there is enough material to create an amazing case study. These portfolios have sleek, pared-down interfaces that link out to the designer's body of work. It definitely stands out from other portfolio layouts, while still utilizing the tried-and-true portfolio structure. Read about prioritizing personas, mapping user journeys and practical techniques to achieve an engaging user experience. How did you end up in design? Thats because Nicola experimented with the device mockups arrangement on each thumbnail. Throughout his case studies, he used many of UXfolios built-in device mockups, so theres a feeling of coherence even between different case studies. The web design case study about the Chamos Language Academy illustrates that the case study format is ideal for almost any design-related project. A project from his experience as a documentary filmmaker bolsters his UX portfolio and speaks to his capability to perform as a professional. Focus on solving a real problem. Portio Hugo is well organized, well-formatted, and named accordingly so it's easy to change any and all of the design. 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. Valeries is a good example that your thumbnails can diverge from the color scheme of your showcased projects if those dont fit together on your home page. Ability to discuss and explain your design decisions and back them up by applying customer insights and business metrics. 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. What is a UI & UX Design case study? UX is very much about strategy and if the person is not showing how they got from A to B, they appear to be another UI trying to move into a UX role. Throughout the previous years, long case studies have been the standard among UXers. Use emotive language to show empathy. Then design it. This is also your time to showcase any unique hobbies or things that make you, well, you. How does the Pixpa portfolio builder work? The title reveals the purpose of the app/project. Refresh the page, check Medium 's site status, or find something interesting to read. 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. Typically, most people choose to build their portfolio online, in the form of a website, as an additional layer of demonstration that they understand how to create effective digital interfaces and flows. 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. Free. 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 . All Rights Reserved. Just remember: When youre writing your UX case studies, show how your users influenced your design decisions. In this article, well dive into this further and highlight some UX case study examples, templates, and more. Roy has also created some additional visuals for his case study, to tie each of his sections together. 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. 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. Her portfolio contains both case studies and lots of samples of her work. Salesforce Product Designer, Rachel used UXfolios thumbnail generator to create stunning thumbnails that match the style of the case studies theyre linking to. With 9 years of experience under her belt, Nuwanthi knows a thing or two about curating her work. Emi Lantz Emi Lantz's portfolio website opens with a simple statement, "Hi! Whats more, they will also understand your work and case study quicker. . Switch branches/tags. Like other proficient designers, Sagar showcases 3 case studies, the perfect number according to recruiters. His solution? Be respectful of the original designers, and try not to insult their work. This way your visitors can still check the public parts of your work. Her custom thumbnails use the same mockup styles, yet they dont feel repetitive at all. They all mentioned that the best UX portfolios show the design process and decisions. UX Case Study Generators Generating UX/UI Ideas and Case Studies Watch on 1. Some of her projects are full-fledged case studies, the others are collections of iconography, and logos, storyboards, etc. In 2021 weve been seeing more and more dark UX portfolio examples. She also discusses how she would test and iterate with more resources, giving her interviewers a preview of the value shed bring to the company. They may also need help with development and implementation (and the resources that go with it). He includes plenty of colorful visuals to showcase his process and reinforce his text, and he even includes a digital project report booklet where you can get an in-depth look at his research.

Earthman Funeral Home Baytown, Texas Obituaries, Does Mackerel Have Fins And Scales, How To Prepare Fly Agaric For Trip, Concrete Footing Cardboard Form Tubes, In The First Sentence Of The Sixth Paragraph, Articles U