ux portfolio case studies

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! Calvin 801 Followers She started her career as a tech recruiter, so she knows a thing or two about portfolios, which is obvious from the looks and copy of her own UX portfolio. Consider including hidden talents, interests, and anything else that is not design related that shows who you are as a person. As we know, the UX design process is not linear, and every design calls for a different methodology. Our ambitions were to create a strong foundation that embraced a rapidly evolving business and more diverse user base. In her Bubs case study, we get a walkthrough of all the projects stages. 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). Natalies case studies include illustrations that are similar in style. Feel free to link externally to any documents that may be too lengthy for your portfolio site. When we hover over Natalies project thumbnails, you can read project subtitles like. This is a common problem for beginning UX designers looking for their first paying job. Outline that problem and how you went about solving it in your case study. In 2021 weve been seeing more and more dark UX portfolio examples. Showcase your process, not just the finished product. Her portfolio website is satisfying to look at and those project thumbnails are definitely a statement, pulling attention immediately. Fund open source developers The ReadME Project. Top 22 Stunning UX Case Studies You Should Know in 2022 - Mockplus And through case studies you can show it to them. Your homepage should include a compelling headline introducing who you are and what you do. Its not rocket science, but there are certain guidelines to follow to make your portfolio a success. Writing a well-structured UX case study is also one of the basic skills that a competent UX professional should have. 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. About the Author oz Oz first started UX Beginner was a way to document his own journey to become a UX designer. 10 Well Done UX Case Studies You Should Read in 2021 - Wondershare Each case study starts with a title and a concise description of the UX project. Thats because Nicola experimented with the device mockups arrangement on each thumbnail. Our high level goals were to: Make it fast and easy to use for everyone, everywhere. Getting started with Pixpa is relatively simple. Refresh the page, check Medium 's site status, or find something interesting to read. UX case studies are a form of professional content that mixes text and visuals to present the design process of products or product features. . There is just enough text to act as preambles to each step of the process. How did you end up in design? 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. 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. 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. Instead of simply showboating on her stunning UIs, Danielle provides background and details, proving that she is designing with purpose. Building Brand Awareness in a New Market: Stockwell and WebFX Whats more, they will also understand your work and case study quicker. What I most enjoy about Kurt's UX portfolio: It doesn't feel like a UX portfolio. Looking for a way to volunteer your UX design skills? When reviewing candidates, design leads always check their portfolios first. Insight IT & Engineering Recruitment hiring UX Product Designer- 60 He does a great job at using the blue accent color throughout the case study. CarbonMade : Andrea Azcurra: Andrea is a seasoned UX writer and content strategist with a love of design thinking and user experience. 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. At the end of the project, ask for a letter of recommendation for future jobs. UX Case Study Showcase - UXfolio 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. On top of detailed descriptions, she included plenty of photos and artifacts, making it easier for her readers to process all this information. Trailer 2:32 2. Felipe, whos a senior product designer, created a simple yet engaging UX designer portfolio. UX Case Study Example #1 plus free template - UX Design Mastery This gives the whole portfolio an airy and light feel. 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. This is a common theme in the best UX portfolio examples. Showcasing your process is the most important part of a UX design case study. They also ensure that the end-to-end journey with their products or services meets desired outcomes. What isnt in the design, and why? 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. How to create a POWERful case study for your UX portfolio - Userfocus If you are creating case studies solely for the purpose of populating your portfolio, I guarantee those won't be competitive enough. 2. 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. Then design it. You want to select projects that demonstrate your UX process, your problem-solving skills . 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. When presenting the outcome of your project, make sure to reflect back on the research findings you mentioned earlier. In this talk, we : 1. If you aim to be a generalist, choose projects where you worked on all elements of the design process. A UX design portfolio will highlight your unique professional experiences, skills, and design process, and showcase UX/UI case studies and examples. main. These can pull together even your weirdest projects into a coherent whole. Here is where you can show how you are able to take your research and apply it to your design. Mina includes only three case studies in her UX design portfolio, which is within the ideal range. We chose to showcase the Diem case study from Victorias portfolio because its such a great example of an app concept. UX case studies are one of the essential parts of a UX designer's portfolio. Aesthetically pleasing branding strategies help them effectively reach more customers. So please don't think of a case study as . But, since they are under his own domain name on a dedicated website made with UXfolio, they have a more portfolio-ish aura to them. Ricardo lays out this case study in a clean, minimalistic way. She keeps it sleek with the white background of her portfolio front page, using one of UXfolios streamlined templates. A UX designer portfolio is designed to showcase a UX designer's work. Get inspiration for your entry-level UX portfolio with real world examples. In the end, we can try a working prototype, which makes the entire case study even more engaging. User Research and Testing experience. Let's go into more detail. Play an active role in our thriving, inspiring, and fun UX Design practice and culture. 4. 3. My First UX Case Study for Google UX Certification And dont forget, sometimes the journey is more important than the goal itself! 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. Her custom thumbnails use the same mockup styles, yet they dont feel repetitive at all. Mina uses password protection for her case studies to ensure complete control over who can access them. One UI/UX case study for your portfolio Up to 3 design screens. Acknowledge any unrealistic elements in your case study., Upon completion of the Google UX Design Professional Certificate from Coursera, youll have three end-to-end projects for your portfolio: a mobile app, a responsive website, and a cross-platform experience. You should also highlight and tease any emerging technology that you used (such as AR, AI, or VR) to pique your readers attention. Tammy presents her case study as a slidedeck that lays out the challenge and the four steps of her design process. 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.. 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. 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. Create a ux case study for An established mobile app so I can use it in User research and personas. Mention what tasks you worked on. If youve never written a UX case study, dont worry. Most of Rachels case studies are password-protected. Setting the thumbnail titles to appear on hover only adds to the weightless feel of the home page. UX Challenge Pay special attention to details of each case study: general structure 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. Give it a try! Her case study titles and subtitles are effective too. After all, this process is a huge part of user-centered design. Jared Bartman. This is your opportunity to articulate which user research methodologies fit into your design process. Figma Experience; Demonstrate a UX-focused Product Design portfolio with multiple case studies of products you worked on. Christiaan managed to create visual consistency by showcasing his projects in mockups. The best case studies are simple stories that can be re-told in your absence and the POWER framework provides the scaffolding . Her teams challenge was to design an app to help college students better connect with their classmates. Complete Guide to Building an Awesome UX Case Study - CareerFoundry Whats more, Jaclyn wrote an engaging and memorable About page, which is a hard thing to do. Why not use the same principles when it comes to presenting your own work in your portfolio? WebFX Web Design & Marketing Portfolio - Client Projects With 9 years of experience under her belt, Nuwanthi knows a thing or two about curating her work. In these cases, consider volunteering as a team or doing pro bono work as part of a nonprofit hackathon. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. If youd like to protect only certain case studies, you can set a password for those projects only. Many designers use the word 'portfolio' to refer to their case studies. Use emotive language to show empathy. Inspiring Examples of UX Design Portfolios | Adobe XD Ideas The Pain Points and User Motivation section gives a detailed description while remaining easy to follow thanks to the content structure. Competitive UX analysis. The first thing we see when landing on the portfolio is a high-quality photo of Bjorn, with a friendly smile on his face, alongside a short design manifesto. For example, sometimes a contextual inquiry is appropriate while other times it is not. How to Make a UX Design Portfolio: Tips and Examples To Help You Stand Her thumbnails share the same mockup style, resulting in an overall consistency. If you still need projects to fill the gaps in your portfolio, you have plenty of options. -Lend your graphic design skills to a worthy cause with donate:code. 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. This case study does an excellent job of laying out user research findings. Since she is a product designer, her showcased projects are all digital products. In the Progressive Leasing & Best Buy case studies there are photos of sketches, discovery, and user research to aid comprehension. So, UX case studies play a significant role in UX designer's life. 14 inspiring UX designer portfolio examples in 2023 - Webflow UX content designer Nikki St.-Cyr's portfolio features several full-length case studies that are well-organized and detailed. Heres the proof that you dont have to overthink your UI/UX portfolio to achieve something great. 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. 8 Best UX Design Portfolio Examples | General Assembly Its also an option to present more information about the projects right on your own portfolio 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. She includes affinity maps, a user persona, task flow chart, and low-fidelity, high-fidelity, animated, and clickable prototypes. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. It creates a sense of cohesion even when some of your visuals include colorful pictures. Prioritize navigation to meet their needs. Where are you from? Linh used descriptive and straightforward case study titles that make you want to read more. Quentins was built on the less is more principle. 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. Joshs portfolio is a great example of a project-focused portfolio. I love listening to peoples stories, solving problems, and creating beautiful things that matter thats a simple yet beautiful intro sentence from the portfolio of Oslo-based UX/UI designer, Marthe. Emi Lantz Emi Lantz's portfolio website opens with a simple statement, "Hi! For Julia Feld, nothing brings a community together quite like a hot plate of fresh homemade pasta drizzled. If youre more interested in user research or user interface (UI) design, prioritize these elements in your case studies. How to Create UX Case Studies for Your Portfolio The 6 must-have components of a good UX researcher portfolio, according to a user experience career coach. Get free online user experience lessons at uxtraining.net. Ux Portfolio. While the project thumbnails are quite large in size their content is way smaller. Ability to discuss and explain your design decisions and back them up by applying customer insights and business metrics. This technique gives a sense of closeness and raises the credibility factor of a case study. UX Design . The background information will help the readers understanding and itll create a better reading experience. But each section is important for an effective UX case study. Software engineer turned UX designer, Sidney Rodhas, created a colorful portfolio with rounded edges, and curves. Read about prioritizing personas, mapping user journeys and practical techniques to achieve an engaging user experience. Gabriel is a UX designer with a background in visual design, motion graphics, and illustration. This upbeat portfolio page by junior product designer, Shubham, mixes great text-styling techniques, pops of vibrant colors, and the space-filling effect of large project thumbnails. Gabriel uses a similar outline for all his UX case studies. On top of reading well, it includes beautiful, well-placed images with plenty of explanation. How to write case studies for your design portfolio - Wix.com Such narratives showcase designers' skills and ways of thinking and maximize their appeal as potential hires. Its because he used the same text styles and naming formulas on each. You'll also have the opportunity to participate in a Capstone project to build the front end of a web application. 3. Yet, each contains a nice balance of text and visuals. Designing a few UX case studies for your portfolio is a powerful way to help you stand out among the crowd. As leaders, its up to us to start fostering and empowering new design talent now. (including typography, color palettes, logos, and visuals).. $120. 20 Best UX Design Portfolio Examples and How to Make One - Mockplus Its up to you which one you chose! You can do that by creating enticing case study thumbnails and featuring them on your home page. Think about a problem in your own life you wish had a solution, or an app youd love to have on your phone. Perhaps theres a non-profit organization, school, or small business in your community that could use a website or app redesign.. 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. Includes examples of real portfolios and advice for new researchers. All Rights Reserved. Setting the scene, as Gabriel does, is extremely important. What Should a UX Design Portfolio Contain? | IxDF These research-based design decisions are at the heart of user-centered design. Sidney drops a relatable, personal paragraph about distraction then moves on to takeaways that shell be able to use in other projects too. It could be attributed to the combination of the amazing illustration on his homepage and his bold choice of colors. She also elegantly solves the issue of how to present small projects that don't merit a full case . Show Your Stuff: 15 Content Design Portfolios That Inspire - UX WRITING HUB Copyright 2019-2023 Adobe. Its better to have 3-4 great case studies than 5-6 mediocre. Just remember: When youre writing your UX case studies, show how your users influenced your design decisions. UX Portfolios: 35+ Inspiring Examples (2023) - Site Builder Report You need to share design stories. Follow this UX case study template and youll be well on your way to your dream job. Hi there! 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. Alexanders portfolio has some password-protected projects which is a great way to protect sensitive data or case studies that are not strictly public. Hyk shows that there are more options to presenting UIs than device mockups: you can also experiment with placements and shadows. Many interviews include a design challengean interactive test meant to show how you think. A UX designer is an advocate for the end-users of a website or product. The case study ends with the learnings. She is brave in her choice of color and it results in a stunning portfolio. Objective: The objective of this project was to design a responsive newsletter website for my college society that would provide an informative platform for students . Dribbble, another popular UX portfolio platform, lets you share screenshots of your sketches, prototypes, and design concepts. I don't mind if you have a template of case study and you will change in it The case study includes. 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. 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. Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. What you need is a nice introduction, carefully selected fonts, and a nice, harmonizing color palette to create something beautiful. Whenever you are showcasing design changes or insights from users, think about how would you present the same things for your clients or boss. Created the design for a mobile app, need someone to work on pdf case study so I can use it in my portfolio, I will design screens/images and maybe some videos. How do you build a UX design portfolio with no experience? Choose student projects with realistic constraints and real business value. Therefore, they should always be in the forefront. 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. Justin Morales is a Senior UX designer currently working at Signify Health, a B2B Healthtech company, based in Los Angeles. You can also provide in-depth case studies that communicate how you facilitate a user experience. Remember: Outcomes are evident for you, but not for others, since they didnt work on the project with you. Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. 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. Polish your hackathon project before presenting it as a case study (and acknowledge that you did so). Give riders more control over their time and money. 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. This can be a good tactic if you have NDA-protected work that you want to showcase without exposing it to the whole world. Whats more, some design decisions are hard to understand, so illustrations could be good crutches. He begins by setting the scene: we learn about his role, the problem, tools, and his approach/ideas. 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. Leslies A Meal Planner for Everyone case study is minimalistic yet effective. 7 Best UX Case Study Generators (and how to use them) - DesignerUp Premium Premium Package. He understands that its not the number of projects in a portfolio that makes an experienced designer, but their quality and scope. Nuwanthi prefers her case studies on the shorter side. He grew up in Texas, matured in Colorado, and spent his late 20s living in Australia, New Zealand, and Asia. Her portfolio contains both case studies and lots of samples of her work. Many UX designers use it to ensure that the data in their case studies remain confidential. 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. HCI graduate student, Victoria, demonstrates that you can create a unique UX designer portfolio without ending up with an over-designed mess. After all, the point of a case study is to reveal your process, through which your readers can better understand you. The Beginner's Guide to Creating a UX Portfolio on Medium Below are some examples of case study deliverables during the design phase. The goal, of course, is to showcase the skills you used on the project and help potential employers envision how you'd use those skills if you worked for them. Include as many visuals in your case studies as possible: wireframes, personas, user flows, sketches, and even doodles if you please! A good case study explains your design process from start to finish, providing reasoning behind each decision leading up to the final design. 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) Is a Master's in Computer Science Worth it. Limiting your portfolio to three main sections will help keep it focused and showcase your UX design techniques in the most effective manner. 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. The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. 11.1K Followers. She includes the tools and skills she used in each, to help future clients/employers see what she brings to the table. This is the heart of user-centered design and the best way to articulate how you will be a valuable asset to any hiring company. The Ultimate UX Case Study Template - UXfolio Blog The result? Recruiters and UX professionals have to look through dozens of case studies each day. 12 Inspiring UX Portfolio Examples - UX Studio Melysias case studies showcase what a difference a well-chosen accent color makes. Your Cover Page should include a hero image, as well as your name and current job title. High-Quality Case Studies. To give recruiters vital insights, designers tell compelling stories in text and images to show how they handled problems. Be respectful of the original designers, and try not to insult their work. Adobe Portfolio is free with most Adobe Creative Cloud plans and allows you to create a customized site that synchronizes with Behance. 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. Include any positive feedback from the judges, even if your project didnt ultimately win. Itll make the time and effort you put into it much more worthwhile. This attention to detail is what distinguishes true professionals. UX Portfolio - All You Need to Know - Studio by UXPin A good overview can consist of the steps of your design process. This is a more holistic approach instead of the usual process-explanation take. Salesforce Product Designer, Rachel used UXfolios thumbnail generator to create stunning thumbnails that match the style of the case studies theyre linking to. About this Event. Check out these sites for opportunities: -Get matched with a nonprofit project on Catchafire. You may also want to include a short bio and links to your social media accounts here. Tie great UX back to business value (how does solving a user problem impact the business in a positive way?). Shubham included some of his wireframes, a final, embedded prototype, and even finished UIs to illustrate the entire design process.

Kristen Dimera Tattoo, How To Clean Randy's Path Nectar Collector, Mobile Homes For Rent Port Orange, Jean Reno And Natalie Portman Reunion, Raf Crash Tender Model Boat, Articles U