ux portfolio case studies

by on April 8, 2023

Choose student projects with realistic constraints and real business value. Whats more, some design decisions are hard to understand, so illustrations could be good crutches. 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. When we hover over Natalies project thumbnails, you can read project subtitles like. a short but revealing sentence for subtitle. You want to select projects that demonstrate your UX process, your problem-solving skills . Looking for any feedback on my portfolio as a whole, specifically the full case study for the Customer Loyalty app. He presents interaction coupled with details on what caused problems for users and how this problem was solved. UX Case Study Template and Examples | Adobe XD Ideas As leaders, its up to us to start fostering and empowering new design talent now. To begin, break your case study into these main sections: The bulk of your material will be in section two, when you talk about your process. You can use the steps in your process to create a navigation section, such as the one offered in UXfolio, to tie all parts of your case study together. 10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2023) Working methods, best practices, tips and tricks, Unique insights, design stories, the impact of design, How to Write a UX Case Study: Template and Examples. For one, your story should be at the heart of your case study. Thats because theres a portfolio formula that works. And its worth hovering for these titles and subtitles! Be respectful of the original designers, and try not to insult their work. Kurt Winter. 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. Inspiring Examples of UX Design Portfolios | Adobe XD Ideas Whichever methodologies you used to guide your design, these are the ones to highlight in your case study. Tie your project to business results if possible. While case study best practices are great pointers, ultimately it is the project at hand thatll determine your case studys structure and content. Complete Guide to Building an Awesome UX Case Study - CareerFoundry No matter how short or long your case studies are, an overview at the beginning is a great way to aid comprehension. Hyk shows that there are more options to presenting UIs than device mockups: you can also experiment with placements and shadows. If you aim to be a generalist, choose projects where you worked on all elements of the design process. In the end, we can try a working prototype, which makes the entire case study even more engaging. Youve actually thought about what youve learned that you can utilize in future projects as well. Calvin 801 Followers This is a common problem for beginning UX designers looking for their first paying job. In Danielles portfolio, the spotlight is on the UIs. UX Case Study Showcase - UXfolio Itll make the time and effort you put into it much more worthwhile. 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. Read about prioritizing personas, mapping user journeys and practical techniques to achieve an engaging user experience. You dont have to reinvent the wheel in order to create something unique. It showcases the entire process in a step-by-step fashion. They make up UX portfolios, alongside optional pages such as 'About Me' or 'Contact'. You can follow this structure, while still expressing yourself with colors, fonts, thumbnails, and other design elements. What is a UI & UX Design case study? In 2021 weve been seeing more and more dark UX portfolio examples. We chose to showcase the Diem case study from Victorias portfolio because its such a great example of an app concept. This is a good way to encourage visitors to get in touch. David Travis. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. She took a minimalist portfolio template and made it her own through careful font selection, dynamic project thumbnails, and harmonizing colors. This is a fantastic approach if youre not sure how to structure a case study: start with an overview and follow the stages of the project in chronological order. Besides brightening up the case studies, they create cohesion and connection through her projects. She doesnt overexplain her process, assuming that the reader has a general knowledge of UX principles and methods. Avoid signing a non-disclosure agreement (NDA) for unpaid work. Its structure is fantastic. 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. With 9 years of experience under her belt, Nuwanthi knows a thing or two about curating her work. Her case study titles and subtitles are effective too. For UX designers, a portfolio is a chance to present your best work, creative process and personality. Max took one of UXfolios templates and infused it with cold tones for an ethereal look. Designing a few UX case studies for your portfolio is a powerful way to help you stand out among the crowd. But each section is important for an effective UX case study. A UX design portfolio will highlight your unique professional experiences, skills, and design process, and showcase UX/UI case studies and examples. When in doubt, you can always rely on semi-realistic mockups, that have similar borders and shadows. 5 Principles of Exceptional Case Studies in UX Portfolios We all know that UX goes beyond pretty screens. If youre wondering what a senior UX designer portfolio should look like, check out Nuwanthis! Just one glance at his portfolio and you know that Doron is not only an exceptional UX/UI designer but also a gifted illustrator. Roys is a playful and stunning UX portfolio with popping colors. 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. 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. 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. Writing case studies for your UX portfolio can feel opaque and overwhelming. The background information will help the readers understanding and itll create a better reading experience. Fund open source developers The ReadME Project. Itll make your job easier and itll help your audience too, as theyll know what to expect from your next one. 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). 1. This is reflected in his stunning UX design portfolio. Though putting one together might seem like a huge undertaking, once you get an idea of what makes a great portfolio itll come easier. Be sure to mention what you would have done differently if you did.. 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. 3. Squarespace . 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. Note : I skimmed through Shawn's Grubhub UX project case study. The Pain Points and User Motivation section gives a detailed description while remaining easy to follow thanks to the content structure. 5. Ricardo lays out this case study in a clean, minimalistic way. In this talk, we : 1. Including sketches and iterations in your case studies, as Nicola did, is always a good idea. Pay special attention to details of each case study: general structure But that doesnt mean you cant keep working on your portfolio. How to create the perfect UX portfolio - Justinmind Sidney drops a relatable, personal paragraph about distraction then moves on to takeaways that shell be able to use in other projects too. You need to understand your user (or reader) and their needs, then develop the right solution for them. If you received feedback during your challenge, include it in your case study. UX Design . Portfolios for UX Researchers: Top 10 Recommendations Prioritize navigation to meet their needs. Sometimes the path toward becoming a UX designer starts with an internship. This is particularly important when giving background on the problem you set out to solve. You can learn more about her professional background on the About page. How do you build a UX design portfolio with no experience? These can pull together even your weirdest projects into a coherent whole. The UX portfolio includes some big names and extended case studies of the work he has done for them. So, achieving visual consistency with your project thumbnails can be hard. Minimum Viable UX Portfolio - UX Beginner Job Role: A UI UX designer is a professional who identifies new opportunities to create better user experiences. Portio is built with Bootstrap 4. In her Bubs case study, we get a walkthrough of all the projects stages. 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. 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.. When you are designing your own portfolio homepage pay attention to whitespace and margins. Many interviews include a design challengean interactive test meant to show how you think. Linh used descriptive and straightforward case study titles that make you want to read more. Its also worth noting how she includes the orange accent color and typography in her portfolio and CV, even though theyre separate: one is a website the other a downloadable PDF document. How to Build a Strong UX Research Portfolio - with Examples Competitive UX analysis. CarbonMade : Andrea Azcurra: Andrea is a seasoned UX writer and content strategist with a love of design thinking and user experience. Be clear about the scope and limitations of your project. 2. Shubnhams Tax Planner case study is the perfect mix of visuals and text. Outline your role in the project and who else contributed. 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. 35 Impressive UX Portfolio Examples & a Guide for Yours - UXfolio Blog This way you can be sure that you wont be judged based on mediocre work. They may also need help with development and implementation (and the resources that go with it). These features include text ideas and guiding questions for copywriting, prototype embedding, scrollable mockups, galleries, statistics section and many, many more. Melysias case studies showcase what a difference a well-chosen accent color makes. By the end, you'll have completed nine projects in a lab environment or web application and earned a Professional Certificate from Meta. Now that weve gone through the must-have sections of a UX portfolio and some examples of effective case studies, lets take a look at some additional tips and best practices to refer to when building your portfolio. Then, he conveys everything he and his team did in detail and with relevant visuals. This case study does an excellent job of laying out user research findings. 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. You may not have a huge budget (or any budget at all) when working on a passion project. Top 22 Stunning UX Case Studies You Should Know in 2022 - Mockplus Uber - User Experience Design Portfolio of Simon Pan Audreys bio and introduction are extremely straightforward. UX Designer Portfolios - Inspiring Examples | Toptal Sarah arranged the case study into 5 main sections: Under each section, we get further details, arranged into smaller sections. Make clear that this was a design challenge so recruiters are aware of the limitations, such as time constraints. Adding pages like About/Bio, Contact, UX designer resum, and social links can make your portfolio more usable, revealing, and personal. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. 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. What is a UX case study? Join Khrys to learn more! They add a touch of personality to your case studies and also some credibility. Roy has also created some additional visuals for his case study, to tie each of his sections together. Setting the scene, as Gabriel does, is extremely important. He gives an outline of the project and an overview of his approach, then walks through the steps of research, ideation, design, and presentation.. Joshs portfolio is a great example of a project-focused portfolio. The title reveals the purpose of the app/project. A good overview can consist of the steps of your design process. Whats more, they will also understand your work and case study quicker. 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. These should be your best work, and you can always swap them out for new case studies as you gain experience. Mina includes only three case studies in her UX design portfolio, which is within the ideal range. 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. What makes for a great UX portfolio? Portfolio example: Tammy Taabassum - Wish Design Challenge. But as you take classes, participate in hackathons, and work through passion projects, your collection of materials will start to grow.. Portio Hugo is well organized, well-formatted, and named accordingly so it's easy to change any and all of the design. Emi Lantz Emi Lantz's portfolio website opens with a simple statement, "Hi! portio-hugo/recipe-app-ux-study.md at master StaticMania/portio-hugo 1. Refresh the page, check Medium 's site status, or find something interesting to read. Though the projects come from different fields, Gabriels portfolio still looks consistent, because he used the same template for his thumbnails. Most UX designers have worked on different projects that came with their own colors and styles. and capitalize on it. Jeremy also highlights his visual design strengths with a full brand guide that highlights the meaning behind his design choices. Just like sending a resum. UX case studies are examples of design work which designers include in their portfolio. So next time you are out and about testing with users, document as much as you can. Many designers believe that the more youve worked in the industry the more case studies you need in your portfolio. Carsons portfolio is simple yet appealing. He begins by setting the scene: we learn about his role, the problem, tools, and his approach/ideas. A rising trend in the UX portfolio world is the ultra-minimalism seen from some senior designers. Featured Case Study: HydroWorx 131% increase in organic contact form submissions 236% increase in organic sessions Ongoing monthly SEO strategy Custom website redesign Comprehensive social media strategy Read Case Study +131% Lead Increase The difference between UX portfolios and UX case studies. Its better to have 3-4 great case studies than 5-6 mediocre. Case study Long case studies work only if the project calls for it. The first step to creating UX case studies is to choose the right projects to feature in your portfolio. Its not rocket science, but there are certain guidelines to follow to make your portfolio a success. How did you end up in design? In addition to walking through the entire UX design process step by step, Clayton offers insights into how he and his team responded to the urgency of the process, lessons learned along the way, and the results: three days after launch, the number of volunteers had increased from 100 to 1,200. 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. By Lexie Kane on March 10, 2019 Topics: UX Teams Setting the thumbnail titles to appear on hover only adds to the weightless feel of the home page. User Research and Testing experience. Check out our portfolio to learn how our digital marketing solutions drive results for clients! Let's go into more detail. In the Progressive Leasing & Best Buy case studies there are photos of sketches, discovery, and user research to aid comprehension. Then design it. 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. Below are some examples of case study deliverables during the design phase. 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. Quentin begins with a short overview of the project, then makes a fantastic transition onto the design process by stating the problem. Include 3 to 4 Relevant UX Case Studies Your UX design portfolio should contain 3-4 relevant UX case studies to sufficiently demonstrate your abilities. To show this effectively, youll need to retell the start-to-finish narrative behind the process. 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. In the Mimic case study Josh decided to showcase the final designs by focusing on challenges and user needs. Valerie features only the must-haves on her portfolio front page: A friendly photo, a short bio, contact info, and social media links. 7. They also ensure that the end-to-end journey with their products or services meets desired outcomes. At the end of the project, ask for a letter of recommendation for future jobs. 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. Follow this UX case study template and youll be well on your way to your dream job. This technique gives a sense of closeness and raises the credibility factor of a case study. 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. Ability to discuss and explain your design decisions and back them up by applying customer insights and business metrics. She even validates her design decisions by testing her clickable prototype with users. The takeaway from Maxs portfolio home page is that keeping your portfolio clutter-free will always be a winning strategy. Marthe knows that a great case study goes beyond showing beautiful screens and other deliverables. When it comes to storytelling and case studies, it is crucial to explicitly connect the research and the final outcome. 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. 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. 20 Best UX Design Portfolio Examples and How to Make One - Mockplus Create a ux case study for An established mobile app so I can use it in Ux Portfolio. Sagars home page features large thumbnails with illustrations of similar style. Both analytical data and learnings would be impactful closures for a case study, but combining the two is even better! All Rights Reserved. Feel free to link externally to any documents that may be too lengthy for your portfolio site. Check out his UX writing case studies, especially the one for the digital technology addiction app Reboot & Recover. The Notch case study could be used as a template by any designer whos not scared of copywriting. Highlight your specialty. WebFX Web Design & Marketing Portfolio - Client Projects 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. Youve seen some of the best portfolios and youve probably realized that they share many similarities. This is exactly what a great portfolio home page should achieve: it should make your readers want to learn more. This way you wont have to leave out anything from your portfolio, but you wont clutter it either. Standard Standard Package. Recruiters and readers don't have hours to review your portfolio, so feature only 3-5 of your absolute best projects. I don't mind if you have a template of case study and you will change in it The 9 Best UX Design Portfolio Examples [Updated For 2023] - CareerFoundry Also, try to make it easy for the reader to establish a connection between those two parts. Choose a project you care about. Its because he used the same text styles and naming formulas on each. The course teaches you how to create a solid UX portfolio in record time. Such thumbnails alongside a concise and intriguing introduction make for a winning combination. My First UX Case Study for Google UX Certification | by Yesha Shah | Muzli - Design Inspiration Write Sign up Sign In 500 Apologies, but something went wrong on our end. Sidneys My Fave Places case study contains a fantastic Lessons Learned that wraps up everything in the best possible way. My Role Resist the urge to simply redesign the interface. Linh created a striking dusty-pink portfolio that places her introduction into the center via a simple yet eye-catching animated illustration. User research and personas. luisv0301/ux-portfolio. Alexanders portfolio has some password-protected projects which is a great way to protect sensitive data or case studies that are not strictly public. For Julia Feld, nothing brings a community together quite like a hot plate of fresh homemade pasta drizzled. A UX designer is an advocate for the end-users of a website or product. Our ambitions were to create a strong foundation that embraced a rapidly evolving business and more diverse user base. Using UXfolios thumbnail styles, Quentin made sure that the case study titles appear on hover only. I'm a former teacher transitioning into a career in UX. Create a platform for innovation and deeper engagement. How does the Pixpa portfolio builder work? Sagars case study ends with a section about How is the app performing? and another one for reflections. She is brave in her choice of color and it results in a stunning portfolio. It just shows that you could have both a professional social media presence and a portfolio website without having to create separate designs.

Evony Main City Defense General, Franz Paraguay Everest, Mecklenburg County Jail Commissary, Pros And Cons Of Living In Benicia, Ca, Articles U

Previous post: