ux portfolio case studies
We all know that UX goes beyond pretty screens. The title reveals the purpose of the app/project. But many designers abuse the format. and capitalize on it. Free. Mina does well on both ends. 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. What is the work of a UX designer? GitHub community articles . Theres a reason why UX designer portfolios are structured the way they are. Valerie features only the must-haves on her portfolio front page: A friendly photo, a short bio, contact info, and social media links. Writing case studies for your UX portfolio can feel opaque and overwhelming. 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. Sagars home page features large thumbnails with illustrations of similar style. When you are designing your own portfolio homepage pay attention to whitespace and margins. Meta Front-end Developer Professional Certificate: Throughout this program, you'll manage a project in GitHub using version control, Git repositories, and the Linux terminal. You can also provide in-depth case studies that communicate how you facilitate a user experience. 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. To give recruiters vital insights, designers tell compelling stories in text and images to show how they handled problems. Such thumbnails alongside a concise and intriguing introduction make for a winning combination. 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. 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. Choose projects that are fun or interesting to you and that youd be proud to display in your portfolio. Whichever methodologies you used to guide your design, these are the ones to highlight in your case study. Usability testing results chart for a Wish design challenge. Since Denise has experience in UX as well as UI design, she included more projects in her portfolio than the average designer would. Quentins was built on the less is more principle. Sagars Strategic Design for Misas Spectracase study walks us through his process from the challenge to research, ending with reflections. With a bit of iteration and polish after the fact, you can transform these challenges (especially the take-home ones) into fresh material for your portfolio. The background information will help the readers understanding and itll create a better reading experience. Showing parts of the final UI on your thumbnails, like Danielle does, is a good way to arouse your visitors curiosity: theyll want to learn more about how youve arrived there. In case you need a tool to help build your portfolio quickly and easily, we made a great one: UXfolio. Gabriel is a UX designer with a background in visual design, motion graphics, and illustration. 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! While its crucial that your case study is information-packed and an enjoyable read, but it also should be nice to look at. You can do that by creating enticing case study thumbnails and featuring them on your home page. Your portfolio website is itself a demonstration of your skills. When in doubt, you can always rely on semi-realistic mockups, that have similar borders and shadows. She is brave in her choice of color and it results in a stunning portfolio. 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. This gives the whole portfolio an airy and light feel. She doesnt overexplain her process, assuming that the reader has a general knowledge of UX principles and methods. Be respectful of the original designers, and try not to insult their work. Many UX designers use it to ensure that the data in their case studies remain confidential. 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. The takeaway from Maxs portfolio home page is that keeping your portfolio clutter-free will always be a winning strategy. Focus on process over finished product. Simply put, a case study is the story of a design project you've worked on. In UXfolio you can set passwords on the portfolio level as well as the case study level: Denise has designed for various industries from real estate, e-commerce, advertising to healthcare. When your projects are so wide-ranging it can be hard to achieve visual consistency on your portfolio home page. Let's break down how you might do that. 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. 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. Great case studies combine the following ingredients: While your home page and case studies are the most important elements of your portfolio, you should take it a step further. Combined with descriptive titles he arouses our curiosity about the projects. Note : I skimmed through Shawn's Grubhub UX project case study. Portfolio example: Clayton Hopkins - #DullesJustice, Clayton Hopkins includes a few pro bono case studies in his portfolio in the form of Medium articles. Get XD Ideas delivered weekly to your inbox. 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. Its better to have 3-4 great case studies than 5-6 mediocre. By Lexie Kane on March 10, 2019 Topics: UX Teams It comes with templates and a repeatable structure that you can use to knock out UX case studies and portfolios. 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. However, if you take the time to visualize your process and UX decisions, its more likely that it will get them interested. Thats because Nicola experimented with the device mockups arrangement on each thumbnail. 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. 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. Leslie Griffiths portfolio breaks with the tradition of one-note UX portfolios. He uses case study level password protection on two. Quentin begins with a short overview of the project, then makes a fantastic transition onto the design process by stating the problem. Its up to you which one you chose! Give examples of great case studies + how to write one. The takeaway here is that you need to put in the effort and time to stand out. Trailer 2:32 2. These research-based design decisions are at the heart of user-centered design. 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. 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. On a mission to create more UX professionals. First consider the overall structure of your UX portfolio, which should demonstrate your skills and value as a designer. 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. Think of the introduction as your time to capture your readers attention in a concise, articulate manner. Its hard to choose a favorite from her 4 fantastic case studies. These examples come from portfolios of prominent designers, so don't be intimidated by the quality of work and presentation. The introduction contains all necessary elements: She provides an overview, introduces the team, the problem, and her role. Youve seen some of the best portfolios and youve probably realized that they share many similarities. Below are some examples of case study deliverables during the design phase. Its not rocket science, but there are certain guidelines to follow to make your portfolio a success. Case study:Literally anything on her portfolio, but here's her latest Zillow project Why it's awesome: It's a case study that integrates images in a way that is incredibly readable. 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. Present your design process step-by-step, from the beginning to the end. The result? There is no better way to show how much work and consideration is involved in the design process. Hi there! If you've never written a UX case study, don't worry. Thats because theres a portfolio formula that works. In her Love, Bonito project, Valerie summarizes the case study by indicating the steps she took in order to reach the final outcome. Bjorns case study thumbnails dont follow an obvious color story, yet they work together perfectly. The Pain Points and User Motivation section gives a detailed description while remaining easy to follow thanks to the content structure. This is a good way to encourage visitors to get in touch. Phill applies his storytelling sensibility in presenting the case studies, outlining his thorough process step-by-step. Outline that problem and how you went about solving it in your case study. Linh used descriptive and straightforward case study titles that make you want to read more. 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. They add a touch of personality to your case studies and also some credibility. 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. All case studies should include a section with learnings. Our job at UXfolio includes talking to world-renowned design leaders to find out what theyre looking for in portfolios. The intro is kept short, instead, he uses an About me to list the personal information a recruiter might be interested in. This way your visitors can still check the public parts of your work. He uses the same color for his headings and the visuals in the case study, achieving a very put-together feel. 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. 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.. Of course, the number of iterations you present is not set in stone. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. The difference between UX portfolios and UX case studies. This is where youll select and showcase projects youre proud of and explain your design process from start to finish. Felipe, whos a senior product designer, created a simple yet engaging UX designer portfolio. Switch branches/tags. Salesforce Product Designer, Rachel used UXfolios thumbnail generator to create stunning thumbnails that match the style of the case studies theyre linking to. Case studies are an essential part of a UX portfolio. This is a common theme in the best UX portfolio examples. 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. Though the projects come from different fields, Gabriels portfolio still looks consistent, because he used the same template for his thumbnails. This is your opportunity to show hiring managers how you think under pressure. Rather than focusing on laying out their design thinking in long, formulaic case studies, they instead focus on simplicity. More or less, the case study . 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) Writing a case study is the way a UX researcher demonstrates their value. If youd like to protect only certain case studies, you can set a password for those projects only. How to write a UX writing case study A step-by-step guide to breaking down the UX writing approach of a user experience and improving upon it. Learners are advised to conduct additional research to ensure that courses and other credentials pursued meet their personal, professional, and financial goals. Audreys bio and introduction are extremely straightforward. Our ambitions were to create a strong foundation that embraced a rapidly evolving business and more diverse user base. It typically contains detailed case studies of UX design projects, demonstrating skill and approach. Though putting one together might seem like a huge undertaking, once you get an idea of what makes a great portfolio itll come easier. In this talk, we : 1. 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. How to write great case studies that speak to the audience? This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. Whats more, they will also understand your work and case study quicker. My Role For UX designers, a portfolio is a chance to present your best work, creative process and personality. 1. In summary, your UX design portfolio should contain 3-4 UX case studies and some information about yourself. Most UX designers have worked on different projects that came with their own colors and styles. One important feature is the "Back to Top" button on the right-hand side of the case study pages. 11.1K Followers. Dribbble, another popular UX portfolio platform, lets you share screenshots of your sketches, prototypes, and design concepts. Many interviews include a design challengean interactive test meant to show how you think. 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. Limiting your portfolio to three main sections will help keep it focused and showcase your UX design techniques in the most effective manner. Premium Premium Package. 2. The final section includes your Case Studies. User Experience Strategist @userfocus. The rest of the content follows Rachels design process, including research, sketching, and prototyping. Daley Wilhelm Jun 10, 2022 Writing effective agency case studies It's harder than it looks, and why film posters are a good start. Its the starting point and the first impression. The case studies in Jokes portfolio are on the shorter side. -Join a Code for America brigade to help design new tools for local communities. 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. 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. 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. What do you love most about design? Bjorns case studies utilize UXfolios password protection feature. I have completed 1 full case study for my portfolio so far and I'm beginning the next. 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. 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. Showcasing your process is the most important part of a UX design case study. 3. 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. Those numbers leave no room for doubt about the quality of WebFX's services. All Rights Reserved. Consequently, you gain some extra room for and experimentation with the imagery of your thumbnails. 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. 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. Jared Bartman. UX writing & relevant articles. Having your own hosted website can often be worth the extra expense. Copyright 2019-2023 Adobe. Case study As we know, the UX design process is not linear, and every design calls for a different methodology. Dont be afraid to use the same for your case studies. Four UI/UX case studies for your portfolio Up to 7 design screens. Felipe has three case studies in his portfolio. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. Melysias case studies showcase what a difference a well-chosen accent color makes. Using UXfolios thumbnail styles, Quentin made sure that the case study titles appear on hover only. Meanwhile, the subtitle describes the scope of the project. There are a few ways to do this. Mood boards and style guides. 4. Polish your hackathon project before presenting it as a case study (and acknowledge that you did so). Check out his UX writing case studies, especially the one for the digital technology addiction app Reboot & Recover. This structure is basically the case study equivalent of presenting user research findings to a client. However all UX design portfolios need to balance an engaging visual experience with one that enhances usability. They may also need help with development and implementation (and the resources that go with it). 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). UX heavyweight, 3.5yrs+ experience, with light UI. A project from his experience as a documentary filmmaker bolsters his UX portfolio and speaks to his capability to perform as a professional. User Research and Testing experience. What I most enjoy about Kurt's UX portfolio: It doesn't feel like a UX portfolio. a short but revealing sentence for subtitle. These are only really small details, but when we read these subtitles we cant help but smile. These aim to demonstrate how you approach the UX process, and who you are as a designer. A good case study explains your design process from start to finish, providing reasoning behind each decision leading up to the final design. She includes the tools and skills she used in each, to help future clients/employers see what she brings to the table. Roys is a playful and stunning UX portfolio with popping colors. Includes examples of real portfolios and advice for new researchers. His favorite medium is photography and he is a lover of UX because it means constantly helping people. Pick an app or website that youre familiar with, and make it better through your design process.. You want to select projects that demonstrate your UX process, your problem-solving skills . High-Quality Case Studies. 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. Prioritize navigation to meet their needs. Youd probably point out details and show what exactly changed so try applying this mindset to your written case studies as well. If youve worked on different projects, you can write case studies for the ones that call for it, while categorizing the rest of your work into collections. Whats important is that you showcase your range through your best work. And its worth hovering for these titles and subtitles! For one, your story should be at the heart of your case study. 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. luisv0301/ux-portfolio. But as you take classes, participate in hackathons, and work through passion projects, your collection of materials will start to grow.. She took a minimalist portfolio template and made it her own through careful font selection, dynamic project thumbnails, and harmonizing colors. Linh created a striking dusty-pink portfolio that places her introduction into the center via a simple yet eye-catching animated illustration. Discuss how to put together a portfolio . 3. Aesthetically pleasing branding strategies help them effectively reach more customers. The Notch case study could be used as a template by any designer whos not scared of copywriting. On top of reading well, it includes beautiful, well-placed images with plenty of explanation. Including sketches and iterations in your case studies, as Nicola did, is always a good idea. I don't mind if you have a template of case study and you will change in it Standard Standard Package. His case study includes his research methods, market analysis, detailed user persona, user journey map, and lots of early sketches and website iterations. 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. The first week is free. UX Case Study Generators Generating UX/UI Ideas and Case Studies Watch on 1. Case Studies; Customer Stories Resources Open Source GitHub Sponsors. Only visitors with the password will have access to your work. Therefore, including a small but unexpected detail might just be your ticket for an interview. The first step to creating UX case studies is to choose the right projects to feature in your portfolio. Joshs portfolio is a great example of a project-focused portfolio. Of course the final design is important too, but they want to see how youve arrived there. 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. Nobody wants to look at a cramped portfolio and as much as you want to squeeze everything into a thumbnail you need to make some cuts to keep it simple. Include as many visuals in your case studies as possible: wireframes, personas, user flows, sketches, and even doodles if you please! Focus on solving a real problem. This way you can ensure that there is enough material to create an amazing case study. A service that uses plant care as a method to empower users to cultivate (and talk about) their own mental health., User journey map from the Cultivate case study. Refresh the page, check Medium 's site status, or find something interesting to read. Build a beautiful portfolio quickly and easily. By the time were at the third, we know what to expect. Consider including hidden talents, interests, and anything else that is not design related that shows who you are as a person. This allows recruiters to instantly recognize what she has experience in. It's the single most vital component of any design career move you will ever make. In the Mimic case study Josh decided to showcase the final designs by focusing on challenges and user needs. Outline your role in the project and who else contributed. Throughout the previous years, long case studies have been the standard among UXers. Max pushes visual consistency even further by introducing all his case studies on a background that echoes the color of the projects thumbnail. For Julia Feld, nothing brings a community together quite like a hot plate of fresh homemade pasta drizzled. If you dont want your portfolio to be public, you can set a password for your entire portfolio. But they're not the same thing. 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.
Nezahal, Primal Tide Ruling,
Canned Alcoholic Drinks Without Carbonation,
Steve Allen Rowe,
Royale High Report Form,
Articles U