This technique gives a sense of closeness and raises the credibility factor of a case study. Experts discuss new best practices for leading creative teams where collaboration happens remotely & in-office. 2. The introduction contains all necessary elements: She provides an overview, introduces the team, the problem, and her role. It's the single most vital component of any design career move you will ever make. Dont be afraid to use the same for your case studies. In the end, we can try a working prototype, which makes the entire case study even more engaging. 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 . She took a minimalist portfolio template and made it her own through careful font selection, dynamic project thumbnails, and harmonizing colors. The thumbnail generator takes your case studies hero section and your images (with or without device mockups) and offers you various thumbnail options. This way you can be sure that you wont be judged based on mediocre work. Adobe Portfolio is free with most Adobe Creative Cloud plans and allows you to create a customized site that synchronizes with Behance. 1. Limiting your portfolio to three main sections will help keep it focused and showcase your UX design techniques in the most effective manner. Many interviews include a design challengean interactive test meant to show how you think. 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) 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. 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. I have completed 1 full case study for my portfolio so far and I'm beginning the next. Google UX Design Professional Certificate: In addition to earning a Professional Certificate from an industry leader, this online course can be used to add three different end-to-end projects to your portfolio: User Experience (UX), UX Research, Wireframe, Prototype, User Experience Design (UXD), Usability Testing, mockup, Figma, Adobe XD, UX design jobs. For Julia Feld, nothing brings a community together quite like a hot plate of fresh homemade pasta drizzled. Bjorns case study thumbnails dont follow an obvious color story, yet they work together perfectly. In this talk, we : 1. The final section includes your Case Studies. A good intro section underpins the rest of your case study. Therefore, including a small but unexpected detail might just be your ticket for an interview. For her thumbnails, Marthe opted for the same mockups to create visual consistency. These primary users are not interested in your blog or social media. While case study best practices are great pointers, ultimately it is the project at hand thatll determine your case studys structure and content. Sign up and start building your portfolio for free! Her thumbnails share the same mockup style, resulting in an overall consistency. Most UX designers have worked on different projects that came with their own colors and styles. The look is on point, and so is the content. This is a common theme in the best UX portfolio examples. 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. -Join a Code for America brigade to help design new tools for local communities. UX writing & relevant articles. On top of reading well, it includes beautiful, well-placed images with plenty of explanation. Consider including the following: Of course, youll dive deeper into some of these in later sections, so keep it brief for now. Minimalist portfolios. If youre looking for an exemplary UX case study, check out Notch by Sarah! Give it a try! When presenting the outcome of your project, make sure to reflect back on the research findings you mentioned earlier. Tie your project to business results if possible. This is your opportunity to show hiring managers how you think under pressure. It creates a sense of cohesion even when some of your visuals include colorful pictures. What I most enjoy about Kurt's UX portfolio: It doesn't feel like a UX portfolio. 1. Documentary is, after all, a quintessential form of user research. But Denis shows us how its done: find one common thread a color, shape, etc. It just shows that you could have both a professional social media presence and a portfolio website without having to create separate designs. 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. 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. Roy has also created some additional visuals for his case study, to tie each of his sections together. You can link your case studies directly from this page too. It comes with templates and a repeatable structure that you can use to knock out UX case studies and portfolios. 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. Most of her info is reserved for the About page, allowing her work to take center stage. 2. 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. He understands that its not the number of projects in a portfolio that makes an experienced designer, but their quality and scope. It is a much better option than forcing clashing colors and elements next to each other. Side projects or other work: If you have case studies or graphic design work beyond your few highlighted projects, give them a separate section where those who would like to see more can find them. Some work may need to be password-protected due to NDAs, but you want to give recruiters something to look at without having to email you for a password first. UX heavyweight, 3.5yrs+ experience, with light UI. 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. The course teaches you how to create a solid UX portfolio in record time. Matchy.. Play an active role in our thriving, inspiring, and fun UX Design practice and culture. You can follow this structure, while still expressing yourself with colors, fonts, thumbnails, and other design elements. Simply put, a case study is the story of a design project you've worked on. Sarah arranged the case study into 5 main sections: Under each section, we get further details, arranged into smaller sections. Build a concise, clean, portfolio. In these cases, consider volunteering as a team or doing pro bono work as part of a nonprofit hackathon. Sagars Strategic Design for Misas Spectracase study walks us through his process from the challenge to research, ending with reflections. Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. Portio Hugo is well organized, well-formatted, and named accordingly so it's easy to change any and all of the design. Youd probably point out details and show what exactly changed so try applying this mindset to your written case studies as well. Nuwanthi prefers her case studies on the shorter side. Case studies are an essential part of a UX portfolio. When it comes to storytelling and case studies, it is crucial to explicitly connect the research and the final outcome. Leslies A Meal Planner for Everyone case study is minimalistic yet effective. Give riders more control over their time and money. And if they are, they can find them in the footer navigation. This way you can ensure that there is enough material to create an amazing case study. The Notch case study could be used as a template by any designer whos not scared of copywriting. On a mission to create more UX professionals. 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. In her Bubs case study, we get a walkthrough of all the projects stages. Attending a hackathon gives you the opportunity to design a real app while collaborating with a real team of other designers, developers, and engineers. In particular, their traffic and clicks skyrocketed they experienced an 885% increase in search traffic and a 473% increase in clicks. Thats because theres a portfolio formula that works. Quentin begins with a short overview of the project, then makes a fantastic transition onto the design process by stating the problem. Here is an example of next steps for a minimum viable product (MVP) for a wine-pairing app. 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. Sarah put together a beautiful UX portfolio that emphasizes case studies above all else. There are a few ways to do this. We had to pleasure of talking to some of the most innovative and influential UX designers in the industry, such as. A project from his experience as a documentary filmmaker bolsters his UX portfolio and speaks to his capability to perform as a professional. This is your opportunity to articulate which user research methodologies fit into your design process. Sagars case study ends with a section about How is the app performing? and another one for reflections. 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. What do you love most about design? In her Love, Bonito project, Valerie summarizes the case study by indicating the steps she took in order to reach the final outcome. If youd like to protect only certain case studies, you can set a password for those projects only. This is a level that many designers aspire to achieve, and so use these case studies as a source of inspiration and as something you can look up to. He gives an outline of the project and an overview of his approach, then walks through the steps of research, ideation, design, and presentation.. If you only have time for one, we recommend checking out Manage Billing and Subscriptions as it showcases how you can create a fantastic case study from your UX designer internship project. 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. A UX design portfolio consists of a series of case studies on previous projects. You'll also have the opportunity to participate in a Capstone project to build the front end of a web application. Consequently, you gain some extra room for and experimentation with the imagery of your thumbnails. Heres the proof that you dont have to overthink your UI/UX portfolio to achieve something great. Follow this UX case study template and youll be well on your way to your dream job. The web design case study about the Chamos Language Academy illustrates that the case study format is ideal for almost any design-related project. The background information will help the readers understanding and itll create a better reading experience. Probably you are already mindful of your copywriting. and capitalize on it. Prioritize navigation to meet their needs. Showcase your process, not just the finished product. Jeremy also highlights his visual design strengths with a full brand guide that highlights the meaning behind his design choices. Writing case studies for your UX portfolio can feel opaque and overwhelming. She doesnt overexplain her process, assuming that the reader has a general knowledge of UX principles and methods. Of course the final design is important too, but they want to see how youve arrived there. Since Denise has experience in UX as well as UI design, she included more projects in her portfolio than the average designer would. This is reflected in his stunning UX design portfolio. UX case studies are one of the essential parts of a UX designer's portfolio. -Lend your graphic design skills to a worthy cause with donate:code. To give recruiters vital insights, designers tell compelling stories in text and images to show how they handled problems. Mina uses password protection for her case studies to ensure complete control over who can access them. However all UX design portfolios need to balance an engaging visual experience with one that enhances usability. In the Spotify case study Audrey presents usability improvements by showcasing the final UIs and indicating what changed and why. Getting started with Pixpa is relatively simple. This content has been made available for informational purposes only. Case study Next, call attention to the research you and your team completed. main. The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for. Audreys bio and introduction are extremely straightforward. Letting your personality shine via funny or unexpected copy is always a great way to go. Therefore, they should always be in the forefront. Hyk shows that there are more options to presenting UIs than device mockups: you can also experiment with placements and shadows. Use it to establish your readers background knowledge before they move on to the details. Just imagine: what if the design lead or recruiter opens the case study that youve included only for the sake of having more case studies? 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. Hyks is a very simple yet impressive portfolio home page, mostly because of his eye-catching thumbnails. 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). This way your visitors can still check the public parts of your work. You could borrow this technique and present iterations based on user research to tell the story of a project. We find Melysias take on this aesthetic particularly stunning because she balances the serious tone of the black background with the colorful thumbnail backgrounds. Another way to add real client work to your UX portfolio is to complete one or two small projects pro bono. 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. Having roughly the same size for all of your projects will keep consistency in check. Get inspiration for your entry-level UX portfolio with real world examples. 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 case study includes. 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. You may also want to include a short bio and links to your social media accounts here. This way you can be sure that you won't be judged based on mediocre work. So, all UX designers juniors and seniors alike need a UX portfolio. Her case study titles and subtitles are effective too. Phill applies his storytelling sensibility in presenting the case studies, outlining his thorough process step-by-step. 1. Competitive UX analysis. Dont skip steps. 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. David Travis. This gives the whole portfolio an airy and light feel. Why not use the same principles when it comes to presenting your own work in your portfolio? Hi there! UX is very much about strategy and if the person is not showing how they got from A to B, they appear to be another UI trying to move into a UX role. This way you wont have to leave out anything from your portfolio, but you wont clutter it either. Try to include at least one live case study. 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. Remember, your UX portfolio is for busy clients and hiring managers (the users). Think about a problem in your own life you wish had a solution, or an app youd love to have on your phone. We recommend checking out Melysias B&D case study. Be sure to mention what you would have done differently if you did.. 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. Setting the thumbnail titles to appear on hover only adds to the weightless feel of the home page. Document your process and include visuals in your case studies. Youve actually thought about what youve learned that you can utilize in future projects as well. The title reveals the purpose of the app/project. There is no better way to show how much work and consideration is involved in the design process. 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. 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. She even validates her design decisions by testing her clickable prototype with users. Whats more, they will also understand your work and case study quicker. Portfolio example: Tammy Taabassum - Wish Design Challenge. He uses case study level password protection on two. User research is useless if it doesnt influence your design decisions. 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. The client feedback part is especially powerful, as it uses quotes instead of a summary. Justin Morales is a Senior UX designer currently working at Signify Health, a B2B Healthtech company, based in Los Angeles. Companies like Apple, Meta, Google, Amazon, and AirBnB are known to hire interns on their UX teams. In the Toolbox case study, Carson wrote about the key challenges they faced during the wireframing phase. So next time you are out and about testing with users, document as much as you can. Emi Lantz Emi Lantz's portfolio website opens with a simple statement, "Hi! 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. There is just enough text to act as preambles to each step of the process. Switch branches/tags. A UX designer is an advocate for the end-users of a website or product. 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. UX designersnewbies and experts alikewill often share a case study on a portfolio website as a great way to get hired. Bjorns case studies utilize UXfolios password protection feature. Create a platform for innovation and deeper engagement. However, we can get a glimpse of her storytelling skills in the BizTrip case study.

Oj Simpson House Address Las Vegas, Articles U

ux portfolio case studies

Be the first to comment.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*