Its because he used the same text styles and naming formulas on each. 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.. Follow this UX case study template and youll be well on your way to your dream job. Be sure to take photos of your work when completing a whiteboard challenge during an interview.. No matter how short or long your case studies are, an overview at the beginning is a great way to aid comprehension. Though their backgrounds are color-blocking, the thumbnails are tied together by the style and positioning of the screens on them. Most of Rachels case studies are password-protected. Document your process and include visuals in your case studies. We all know that UX goes beyond pretty screens. Writing a well-structured UX case study is also one of the basic skills that a competent UX professional should have. Well also take a look at how working UX designers present these types of case studies in their portfolios, and offer some takeaways and tips for making your portfolio shine. She even validates her design decisions by testing her clickable prototype with users. A UX Case Study Generator is a tool that serves up hypothetical UX design project ideas, problems, challenges or exercises that you can complete on your own to practice your UX skills or use to create UX Case studies and projects for UX/UI portfolio. Phill applies his storytelling sensibility in presenting the case studies, outlining his thorough process step-by-step. UX writing & relevant articles. Rather than focusing on laying out their design thinking in long, formulaic case studies, they instead focus on simplicity. On his case study thumbnails, he achieves visual consistency by showing mockups in front of bright, rectangular shapes. This technique gives a sense of closeness and raises the credibility factor of a case study. Ux Portfolio. If youre more interested in user research or user interface (UI) design, prioritize these elements in your case studies. 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. Figma Experience; Demonstrate a UX-focused Product Design portfolio with multiple case studies of products you worked on. Bjorns case studies utilize UXfolios password protection feature. Avoid signing a non-disclosure agreement (NDA) for unpaid work. 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. Only visitors with the password will have access to your work. 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. Besides brightening up the case studies, they create cohesion and connection through her projects. Getting started with Pixpa is relatively simple. It definitely stands out from other portfolio layouts, while still utilizing the tried-and-true portfolio structure. And if they are, they can find them in the footer navigation. 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. Squarespace . Job Role: A UI UX designer is a professional who identifies new opportunities to create better user experiences. You should also highlight and tease any emerging technology that you used (such as AR, AI, or VR) to pique your readers attention. In Danielles portfolio, the spotlight is on the UIs. The takeaway here is that you need to put in the effort and time to stand out. Nicolas UX design portfolio is a love letter to minimalism. While case study best practices are great pointers, ultimately it is the project at hand thatll determine your case studys structure and content. 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. 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. His case study includes his research methods, market analysis, detailed user persona, user journey map, and lots of early sketches and website iterations. Simply put, a case study is the story of a design project you've worked on. When we hover over Natalies project thumbnails, you can read project subtitles like. Sarah arranged the case study into 5 main sections: Under each section, we get further details, arranged into smaller sections. This is a common theme in the best UX portfolio examples. Linh created a striking dusty-pink portfolio that places her introduction into the center via a simple yet eye-catching animated illustration. Though the projects come from different fields, Gabriels portfolio still looks consistent, because he used the same template for his thumbnails. Portfolio example: Clayton Hopkins - #DullesJustice, Clayton Hopkins includes a few pro bono case studies in his portfolio in the form of Medium articles. Writing case studies for your UX portfolio can feel opaque and overwhelming. Join Khrys to learn more! Dribbble, another popular UX portfolio platform, lets you share screenshots of your sketches, prototypes, and design concepts. (including typography, color palettes, logos, and visuals).. When in doubt, you can always rely on semi-realistic mockups, that have similar borders and shadows. 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. Its better to have 3-4 great case studies than 5-6 mediocre. But need someone to work a little on the research part and the to do some ux activities and to have it in a presentation pdf. Matchy.. 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. -Join a Code for America brigade to help design new tools for local communities. In her Love, Bonito project, Valerie summarizes the case study by indicating the steps she took in order to reach the final outcome. 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) What is a UX case study? The title reveals the purpose of the app/project. When recruiters and UX professionals look through dozens of applications they have only a few minutes. A UX design portfolio will highlight your unique professional experiences, skills, and design process, and showcase UX/UI case studies and examples. Charlees portfolio is embracing variety while still keeping it focused. Note : I skimmed through Shawn's Grubhub UX project case study. Leslies A Meal Planner for Everyone case study is minimalistic yet effective. 3. UX designersnewbies and experts alikewill often share a case study on a portfolio website as a great way to get hired. But that doesnt mean you cant keep working on your portfolio. The web design case study about the Chamos Language Academy illustrates that the case study format is ideal for almost any design-related project. You can also provide in-depth case studies that communicate how you facilitate a user experience. The first step to creating UX case studies is to choose the right projects to feature in your portfolio. 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. 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. 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 . 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 result? 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. 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. Attending a hackathon gives you the opportunity to design a real app while collaborating with a real team of other designers, developers, and engineers. Your Cover Page should include a hero image, as well as your name and current job title. 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. Check out his UX writing case studies, especially the one for the digital technology addiction app Reboot & Recover. Knowledge of UX methods and their application. You'll also have the opportunity to participate in a Capstone project to build the front end of a web application. This is where you get to show your personality and briefly talk about your history. Refresh the page, check. Below are some examples of case study deliverables during the design phase. Many interviews include a design challengean interactive test meant to show how you think. 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. Switch branches/tags. Our ambitions were to create a strong foundation that embraced a rapidly evolving business and more diverse user base. A good overview can consist of the steps of your design process. Competitive UX analysis. 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. 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. They also ensure that the end-to-end journey with their products or services meets desired outcomes. We find Melysias take on this aesthetic particularly stunning because she balances the serious tone of the black background with the colorful thumbnail backgrounds. Her teams challenge was to design an app to help college students better connect with their classmates. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. Her project choices share this quality as they showcase nothing but digital products. Her custom thumbnails use the same mockup styles, yet they dont feel repetitive at all. 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. If youd like to protect only certain case studies, you can set a password for those projects only. Method or hypothesis for solving the problem, Design iterations (sketches, wireframes, low and high-fidelity prototypes). Yet, each contains a nice balance of text and visuals. This structure is basically the case study equivalent of presenting user research findings to a client. Get free online user experience lessons at uxtraining.net. 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. Her portfolio website is satisfying to look at and those project thumbnails are definitely a statement, pulling attention immediately. Just one glance at his portfolio and you know that Doron is not only an exceptional UX/UI designer but also a gifted illustrator. His favorite medium is photography and he is a lover of UX because it means constantly helping people. Youve actually thought about what youve learned that you can utilize in future projects as well. It just shows that you could have both a professional social media presence and a portfolio website without having to create separate designs. The case study includes. Case studies are an essential part of a UX portfolio. Get XD Ideas delivered weekly to your inbox. Include as many visuals in your case studies as possible: wireframes, personas, user flows, sketches, and even doodles if you please! Keep in mind that many nonprofits and small businesses may need more than just design. For one, your story should be at the heart of your case study. This is a good way to encourage visitors to get in touch. Calvin 801 Followers Is a Master's in Computer Science Worth it. Thats where you can utilize Shubhams technique: create a thumbnail template that can be used for any project with only a few tweaks. Portio is built with Bootstrap 4. They all mentioned that the best UX portfolios show the design process and decisions. Ricardo lays out this case study in a clean, minimalistic way. 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. Looking for any feedback on my portfolio as a whole, specifically the full case study for the Customer Loyalty app. A UX designer is an advocate for the end-users of a website or product. I'm a former teacher transitioning into a career in UX. We created it specifically for UX professionals, so its packed with powerful features thatll help you through the portfolio-building process. Therefore, they should always be in the forefront. The intro is kept short, instead, he uses an About me to list the personal information a recruiter might be interested in. 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. 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. Salesforce Product Designer, Rachel used UXfolios thumbnail generator to create stunning thumbnails that match the style of the case studies theyre linking to. Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. Gabriel uses a similar outline for all his UX case studies. Be sure to mention what you would have done differently if you did.. 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. This is your opportunity to articulate which user research methodologies fit into your design process. Whenever you are showcasing design changes or insights from users, think about how would you present the same things for your clients or boss. This is where youll select and showcase projects youre proud of and explain your design process from start to finish. Hi there! His solution? This is reflected in his stunning UX design portfolio. Realistically, a product will continue to grow in an iterative process; explaining the direction the product is heading or talking about features that are coming up in future iterations is a great way to showcase this. My Role Bjorns hero section is simple and welcoming. 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 . You can learn more about her professional background on the About page. 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. Here is an example of next steps for a minimum viable product (MVP) for a wine-pairing app. Resist the urge to simply redesign the interface. I'm feeling discouraged and like my work doesn't measure up. Mina does well on both ends. However all UX design portfolios need to balance an engaging visual experience with one that enhances usability. Use emotive language to show empathy. Youd probably point out details and show what exactly changed so try applying this mindset to your written case studies as well. Yesha Shah 144 Followers Google UX Design Professional Certificate, Meta Front-end Developer Professional Certificate, Google Digital Marketing & E-commerce Professional Certificate, Google IT Automation with Python Professional Certificate, Preparing for Google Cloud Certification: Cloud Architect, DeepLearning.AI TensorFlow Developer Professional Certificate, Free online courses you can finish in a day, 10 In-Demand Jobs You Can Get with a Business Degree. She keeps it sleek with the white background of her portfolio front page, using one of UXfolios streamlined templates. Consider including hidden talents, interests, and anything else that is not design related that shows who you are as a person. Throughout the previous years, long case studies have been the standard among UXers. He begins by setting the scene: we learn about his role, the problem, tools, and his approach/ideas. She also elegantly solves the issue of how to present small projects that don't merit a full case . You need to understand your user (or reader) and their needs, then develop the right solution for them. Sidneys My Fave Places case study contains a fantastic Lessons Learned that wraps up everything in the best possible way. 1. These can pull together even your weirdest projects into a coherent whole. Ready to land your dream job? Jared Bartman. 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. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. But as you take classes, participate in hackathons, and work through passion projects, your collection of materials will start to grow.. Shubnhams Tax Planner case study is the perfect mix of visuals and text. Sign up and start building your portfolio for free! He uses the same color for his headings and the visuals in the case study, achieving a very put-together feel. Hiring managers want to be able to see the process, including times where you made design decisions and why. Pay special attention to details of each case study: general structure This content has been made available for informational purposes only. He presents interaction coupled with details on what caused problems for users and how this problem was solved. She is brave in her choice of color and it results in a stunning portfolio. 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. Our high level goals were to: Make it fast and easy to use for everyone, everywhere. This way your visitors can still check the public parts of your work. These should be your best work, and you can always swap them out for new case studies as you gain experience. Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. 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. When choosing projects for your portfolio go for impactful ones that. 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. 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. The UX portfolio includes some big names and extended case studies of the work he has done for them. 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. Those numbers leave no room for doubt about the quality of WebFX's services. About this Event. To give recruiters vital insights, designers tell compelling stories in text and images to show how they handled problems. Let's go into more detail. Reading a clear introduction is just what recruiters need when they sift through dozens of portfolios. Setting the scene, as Gabriel does, is extremely important. Thats because theres a portfolio formula that works. There is just enough text to act as preambles to each step of the process. Follow his example! They may also need help with development and implementation (and the resources that go with it). Outline that problem and how you went about solving it in your case study. 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. In this blog post, I am explaining the purpose, structure, and best practices of a UI UX Design case study and portfolio. His passion project, Cultivate, lays out a clear problem to solve: theres a stigma around talking about mental health, particularly within the Black community. Recruiters and readers don't have hours to review your portfolio, so feature only 3-5 of your absolute best projects. 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. Think about a problem in your own life you wish had a solution, or an app youd love to have on your phone. UX Case Study Generators Generating UX/UI Ideas and Case Studies Watch on 1. Next, call attention to the research you and your team completed. Leslie Griffiths portfolio breaks with the tradition of one-note UX portfolios. After working with many designers throughout my own career and helping many more build their job-ready portfolios, there are a few designers that I keep coming back to for inspiration and some that are inspiring a new generation of UI/UX and Product Designers to enter the field.. I've chosen 10 of our favorite UI/UX and Product Designersa colorful tapestry of digital product architects that . Sketches, wireframes, and prototypes. Stockwell agrees as they put it, "WebFX's services have impacted our core business by assisting with the brand awareness . Tie great UX back to business value (how does solving a user problem impact the business in a positive way?). 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. In a goal to improve accessibility of Xbox content outside of desktop use, he lay outs the issues that need to be solved and clearly highlights the objectives of his case study. By Lexie Kane on March 10, 2019 Topics: UX Teams 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. 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. Such thumbnails alongside a concise and intriguing introduction make for a winning combination. How does the Pixpa portfolio builder work? Include a positive testimonial from your manager, supervisor, or peers from your time at the company. 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. He included three UX case studies and 3 collections for the rest of his work. The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. You can follow this structure, while still expressing yourself with colors, fonts, thumbnails, and other design elements. The rest of the content follows Rachels design process, including research, sketching, and prototyping. Having roughly the same size for all of your projects will keep consistency in check. Daley Wilhelm Jun 10, 2022 Writing effective agency case studies It's harder than it looks, and why film posters are a good start. Your portfolio website is itself a demonstration of your skills. Keep the same tone as in the rest of your design portfolio's copy, in order to form a clear personal brand and consistent browsing experience. Remember, they were working with a brief and real-world constraints.. Then design it. Whichever methodologies you used to guide your design, these are the ones to highlight in your case study. Check out our portfolio to learn how our digital marketing solutions drive results for clients! Roys Boulderr App case study has a good balance of visuals and texts. If youre ready to take the next step toward a career in user experience design, consider enrolling in the Google UX Design Professional Certificate on Coursera. So please don't think of a case study as . 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. Kurt still shares all the necessary details, but succeeds in making it visually engaging. Refresh the page, check Medium 's site status, or find something interesting to read. Luckily, its possible to craft a stellar portfolio that shows off your skills before youve ever had a paying client. If youve never written a UX case study, dont worry. He gives an outline of the project and an overview of his approach, then walks through the steps of research, ideation, design, and presentation.. Kurt Winter. The idea is to have a functioning piece of software by the end of the competitive event, usually constrained to 24 to 72 hours.. I don't mind if you have a template of case study and you will change in it There are a few ways to do this. 7. Show how you incorporated it into your design. High-fidelity prototypes from an unsolicited redesign of Houzz. Think of the introduction as your time to capture your readers attention in a concise, articulate manner. Alexanders portfolio has some password-protected projects which is a great way to protect sensitive data or case studies that are not strictly public. They want you to explain your decisions and to tell why you decided to go with those specific solutions. Outline your role in the project and who else contributed. Therefore its understandable that UX leads and recruiters want to see your approach and process. In the Spotify case study Audrey presents usability improvements by showcasing the final UIs and indicating what changed and why. This way you can be sure that you won't be judged based on mediocre work. and capitalize on it. Give it a try! When opening the portfolio, the lightweight case study thumbnails immediately draw attention. Dorons case studies resemble the style of Behance. In particular, their traffic and clicks skyrocketed they experienced an 885% increase in search traffic and a 473% increase in clicks.