This can vary, but should generally include what your role was within the project, who you collaborated with, when the project took place and, of course, who the client was. If you’ve got lots more work you want to showcase, add a separate section. About; Things; Gallery; Advertise; RSS Feed; Log in / Register + New Story. He also dabbles in interface design and frontend development. Use our UX portfolio templates, that were designed after reviewing hundreds of portfolios and talking to the best design leaders worldwide. Whether you’re starting from scratch or breathing new life into your existing portfolio, there are certain ground rules you’ll need to bear in mind. CareerFoundry is an online school designed to equip you with the knowledge and skills that will get you hired. After learning about the basics of UX portfolios, let’s take look at 30 of the most creative and functional UX portfolio examples, and see what makes them different: 10 best beginner UX portfolio examples 1. This UX portfolio isn't afraid to embrace the eccentric, reflecting Jesús’ more experimental impulses. You can build up a beginner UX portfolio with this template as well. She fully details her design thinking and shows all of her artifacts in a tidy layout that makes it easy to scan. Further down, you’ll find her showcased projects. Funnily enough, I came across Notion tool about a week ago. Get 380 ux portfolio website templates on ThemeForest. Was das Portfolio für die Uni mit den eingangs erwähnten weiteren Anwendungsbereichen des Portfolio gemeinsam hat: Es soll ein Prozess dargestellt werden. As you scroll down the page, you’ll notice that her website menu stays fixed to the screen, providing convenient navigation throughout her portfolio. We make it easy for everyone to create a beautiful, professional web presence. Mention the basic details of each project. When designing a UX portfolio, you need to do everything you can to make it as interesting, innovative, and eye-catching as possible. Include explanatory images in your case studies. If you’d rather opt for simplicity, use clear and straightforward text like Omar has done in his website menu and contact form. We want more! Make it clear who you are and what you do. When it comes to adding a new case study to your portfolio, these artifacts will help you tell a logical story. In addition, the shift from a white background to a bright blue one on the ‘About’ page makes for a nice surprise and a refreshing browse, while remaining aligned with the rest of Sophie’s design. But I honestly don't think so. UXfolio is the best UX designer portfolio builder As design leads, we’ve seen hundreds of UX portfolios throughout our careers. Another effective storytelling technique that Elizabeth uses is to include little bitesized notes and reflections down the right-hand side. With UXfolio you can tell such design stories in impactful UX case studies. Build your portfolio with this Notion template. View Daniel Autry’s full portfolio website here. You're interested in designing digital products, mobile app, websites, prototypes for your projects ; You're a product manager, designer, engineer, entrepreneur; You want to understand the fundamentals of UI/UX and product design development; Requirements. This portfolio shows potential clients that he isn't afraid to take design chances, while still providing a smooth user experience in this well-executed final product. In order to help you solve such problems easily, here are 10 best inspiring UX design portfolio examples for you: 1. Here, he links to articles he’s written on Medium, additional projects he’s worked on, as well as upcoming endeavors. Visitors are invited to play around with the letters of Pondsuda’s name, making for a surprising addition to her UX portfolio. Without one, they might not consider you for the position. Instead of overwhelming site visitors with extensive text, this solution shows she’s considered their browsing experience. In the accompanying video tutorial, you’ll also learn the “why” behind the design decisions that went into the UX portfolio template. 4. Look no further than Amy Wu’s portfolio. See how she dedicates two whole sections to setting the scene? You’ll notice that Moritz doesn’t show the finished product until the very end of each case study, and that’s because he’s telling a logical story. Without one, they might not consider you for the position. One of the best portfolio websites, this is no doubt the work of a professional UX designer. Not only is Vera’s portfolio a beautiful thing to behold (just look at those illustrations! Elizabeth Lin’s portfolio provides another excellent example of storytelling. You can find his portfolio here. While Evie is clearly also a talented writer (making sure to link to her articles in her website menu), she utilizes visuals to walk visitors through her work process. We hope this list has given you a feel for some of the most important UX design portfolio best practices, and left you feeling suitably inspired. The best UX/UI portfolios for inspiration; Finding the confidence to show your portfolio; This article is written specifically for beginning designers, but more experienced designers might still get something out of how to write about your projects. According to one blogger, there are “7 Projects You Should Include In Your First UX Portfolio”. It’s your chance to present your work at its best and provide in-depth case studies that expose your creative process and reflect who you are as a designer. From a UX perspective, ensure your portfolio is user friendly and easy to navigate through — try to strike a balance between text and visuals. She’s included a heart-warming sentence - ‘Make yourself at home, there’s some lemonade in the fridge’ - that gives us an insight into her personality. The menu stays fixed to the top of the screen and she’s also added a ‘Back to top’ button, enabling visitors to browse through her portfolio fluidly. Clarify your current employment status. 1). Founded in 2017, The UX Portfolio Formula is a UX career accelerator that will help you create an effective UX portfolio & prepare for job interviews. As a new UX designer, it’s only natural that you won’t have vast quantities of work to show in your portfolio, so instead you need to find a unique angle to stand out. As a UX researcher, Evie’s work isn’t strictly visual. Maybe it's just me. The portfolio creation tool “for designers, by designers”; nice pay-once-own-it-forever pricing model. A good UX Designer portfolio includes information about yourself, your … There are two key lessons we can learn from Olivia’s portfolio: first, start each case study by framing the problem in detail, and second, frame the problem in a way that conveys empathy. Choose a good enough variety to showcase your skillset, while keeping it minimal enough so as not to overwhelm the user. Notion is an all-in-one workspace application that provides components such as databases, kanban boards, wikis, calendars, and reminders. Her skills in graphic design and illustration are immediately apparent in her portfolio, thanks to the animated illustration on the homepage. It’s likely that prospective employers and clients will be looking through dozens of UX portfolios - and yours is just one of them. We’ve learned that they are just as interested in design stories as in stunning visuals. If you spot any further examples of great portfolios while navigating the web, do let us know so we can add them to the list. While focused portfolios are best used for specialized roles, we can learn a lot from the way these designers strip down their case studies to focus on the most essential and relevant details. 2). After observing that other people also experienced issues with the app, I pursued this redesign as an opportunity to improve the experience in any way I could.”. 1-Click Notion Product Designer Portfolio Pack. GET THEM NOW! Using a proven case study format to showcase your talent, your story and your worth. Each of his case studies is thorough and presented in an organized way. I realized it could solve my problem without me building it. At the same time, listing your teammates is a nice touch; UX design is a highly collaborative field, so it’s important to demonstrate individual value while acknowledging that the end result was a team effort! Creating Your Portfolio in Isolation is Hard. This way, there’s no doubt that your audience will understand your intention. Carolin’s UX designer portfolio showcases thumbnails with different mockups, colour, and type. Every UX designer is unique, and your portfolio should reflect that. All of this is presented alongside images and concise, explanatory text. She has utilized this structure to add various hover effects on the menu items. Consider adding your email address, phone number and links to your social channels. For more portfolio inspiration, check out websites like Bestfolios, Behance, and Dribbble. No one knows as well as UX designers how much goes into each project. This clean space makes for the perfect spot for the site’s navigation elements, such as the, Key takeaway from Priyanka Goyal’s UX portfolio, The illustration at the top of Priyanka’s portfolio depicts her character, as does the bold, Everything about UX researcher Evie Cheng’s portfolio screams professional. Lital has carefully matched a different background to each project, while also paying attention to the overall look on the homepage. What’s also interesting is how Priyanka chooses to showcase these redesigns. The carefully picked color palette of this website design is another reason we wanted to rank this site on top. Skip to Content. Mina Izadpanah. In this post, we’ll take you through nine UX design portfolio best practices, complete with awesome portfolio examples from around the web. About; Things; Gallery; Advertise; RSS Feed; Log in / Register + New Story. Each case study should tell a complete, logical story. Designer: Simon Pan. This helps visitors focus on the specific project they’re looking at, improving their browsing experience. The goal here is not necessarily to communicate your process, or that you even have a deep understanding of UX. Unterrichtet werden alle Inhalte zum Thema UX – darunter auch die Erstellung eines eigenen UX-Portfolios und wie du lernst, Usability zu beurteilen. Moritz’s portfolio really gets to the heart of what UX design is all about: going through a process to solve a user problem. Designer News is where the design community meets. While the final result is presented clearly on the right-hand side of the screen, she’s used a dropdown list to section off her process into digestible chunks. She presents the proposed designs alongside the originals, coupled with eloquently written explanations. Are you fun and quirky? You'll create 3 case studies and publish your UX/UI portfolio during Bootcamp! 20+ awesome #design #portfolios to see before creating your own Click To Tweet … Don’t forget to join our crash course on speeding up your WordPress site. In fact, Brittney uses color generously throughout her portfolio, making for a fun and memorable design. Olivia Truong is a product designer based in Boston, Massachusetts. If you see yourself as a specialist in a certain industry, highlight the projects that demonstrate this. These serve to present Saloni’s range of skills, as she walks you through her work process, starting with an overview of the project. That’s why you should make your field and speciality instantly explicit. Hey everyone! So, if you have other great design portfolios in mind, let us know. Plus, we’ve added a list of best practices to take into account when creating your own UX design portfolio: Digital and branding designer Sophie Brittain has crafted an inviting, spacious design on her UX portfolio. SHARE. Follow Amy’s lead and set a business or product goal at the start of the case study. In fact, scrolling through Zara’s portfolio is like wandering through the beauty department of a high-end store, or flipping through the pages of a glossy magazine—and that’s no accident. Translating your complex, thorough workflow into a visual format can be a challenge, especially if your work revolves solely around UX. A ‘Let’s Talk’ button is fixed to the screen as you browse through her portfolio, tempting site visitors to reach out. Gelungene Beispiele zur Inspiration liefert unsere Linkliste. Update: You can now use Fruition to host your site on your domain name, it only takes 10 minutes to set it up! You know you’ve improved the user experience, but how do you substantiate that? But what about designers who have a passion for UI design? Notice how, even when talking about her solution, Olivia consistently refers back to the original user problem. Other than showing off your works and writing up an ‘About Me’ section, try to also inject your personality into the rest of your visual elements and written content. Either way, you want to make your mark in the world of UX—and that means making sure you’ve got an impressive portfolio to your name. This shows off her full range of abilities and interests, like illustration and more conceptual pieces. Join Us. In the space of just four featured case studies, we see that Daniel is a versatile designer who has worked on a variety of projects across a range of sectors—from mental health to financial trading to e-learning. Finding it hard to finish your UI/UX or product design portfolio? Designer News is where the design community meets. Here you'll find top 20 hand-selected portfolios that will inspire you when building your own. Bestfolios is the largest curation of best UI/UX designer portfolios, resumes, case studies and design resources. Adding descriptive images into your case studies not only makes the text more readable and inviting, but can also help site visitors better understand your process. What information should your portfolio present? If you want to brand yourself as a versatile, adaptable designer, feature as diverse a variety of projects as possible. The final result is just a tiny proportion of the project as a whole. Bestfolios is the largest curation of best UI/UX designer portfolios, resumes, case studies and design resources. Funnily enough, I came across Notion tool about a week ago. First, there’s the project background which lays out the scope of the project. Real photos of her and her team at work help break up the text and make the case studies feel more personal. If you’re a new UX designer trying to build up your portfolio, take a leaf out of Priyanka’s book and complete some unsolicited redesigns of your own. The spacious design and large, introductory text is often seen on UX portfolios, but Miki has added her own twist to this familiar layout. The illustration at the top of Priyanka’s portfolio depicts her character, as does the bold color palette. Throughout this venture, we’ve been cooperating with the world’s top UX leads. It's been a year since my company migrated to Notion from Confluence. But he never pushes things too far. For further tips and advice on building your own UX design portfolio, check out the following articles, and watch the portfolio review below: And finally, if you’re a UX designer looking to specialize, we’ve also written guides to building portfolios for UX writing and UX research. Instead of showcasing her works on the top fold of her website, UX designer Mathilde Amitrano has chosen to display a fullscreen video of a mountainous landscape. Luckily, her portfolio also features a comprehensive “About” page, complete with a video, a section detailing her values (with the help of emojis), a very thorough testimonial from a former employer, and links to her music and artwork. This is a glossary of important UX terms that every UX designer needs to know. As always, frame the problem, document your process, and tell a good story—and don’t forget to include a disclaimer. She has also added a ‘Cache’ section, where she shares additional projects that don’t fit under the main projects page. Even without data, you can frame your work in a business context. Buy ux portfolio WordPress themes from $19. Notion Product Designer Portfolio Templates Create a perfect UI/UX portfolio with 1-click! For example, you’ll walk through the various UX job roles, since you can’t begin to create your portfolio without first understanding which job role you want to apply for! Daniel’s portfolio teaches us an important lesson about the “right” number of portfolio projects: There isn’t one! Here you'll find top 20 hand-selected portfolios that will inspire you when building your own. Artsy and edgy? The layout on the homepage is simple, with an organized fullscreen grid layout. ); it also highlights the importance of context when presenting your UX work. Just like Moritz, she presents her design work in the form of case studies, documenting her process from start to finish. At the same time, don’t overwhelm the viewer: a hiring manager looking through your portfolio probably won’t browse through ten UX case studies, so choose wisely! When creating a design portfolio, place your resume either directly on your ‘About’ page or as a downloadable file. Using a proven case study format to showcase your talent, your story and your worth. Mathilde has evidently considered the user experience of her website. In other words, no matter what point you’re at in your UX career, you’re going to need a UX portfolio that’s in tip-top condition. Your portfolio should embody your personal brand, so treat it like any other UX project and give it the high-shine finish it deserves! Olivia describes how planning dates was a “headache” because “coming up with ideas was not the easiest thing to do in our busy lives.” This is much more personal and empathy-driven than if she’d said “Users struggle to come up with date ideas because they’re so busy.” Last but not least, refer back to the original problem throughout—even when you progress to the solution. It not only attracts attention and distinguishes her portfolio from others, but also doubles up as a way to introduce herself. However, she’s managed to showcase her projects in a thorough and engaging manner. With large typography and plenty of whitespace surrounding her introductory sentence, site visitors certainly won’t miss this essential piece of information. All created by our Global Community of independent Web Designers and Developers. I have to use it in my day to day job because it is the tool of my company choice. She’s ticked all the boxes, from her on-point introductory sentence to the straightforward website navigation and the decision to present just four of her best projects. The best portfolios offer the full package—detailed case studies wrapped in stunning UI design and flawless UX—so aim to tick all the boxes! 1. Numbering each section for added clarity, Evie goes on to explain the research process, from user interviews to competitor analysis, and eventually the team’s findings and conclusions. The menu stays fixed to the top of the screen and she’s also added a, Key takeaway from Mathilde Amitrano’s UX portfolio, Key takeaway from Michaella Twersky’s UX portfolio. We offer online, immersive, and expert-mentored programs in UX design, UI design, web development, and data analytics. Stories Jobs Podcast. Daniel’s portfolio also helps to answer that all-too-common conundrum: What’s the “right” amount of projects to showcase in your UX design portfolio? A little of what we have done… For more portfolio, please contact us at info@itnotion.com He’s also added a favicon to his website, making it stand out and easy to spot amongst other open tabs. New UX professionals aren’t the only ones that may need some different types of pieces for their portfolio. Mina does well on both fronts. There are many different ways to share your process, so don’t be afraid to try a multichannel approach. 4. Above all else, UX designers are problem-solvers. Your UX design portfolio should demonstrate your approach to problem-solving. Doch ein passendes Portfolio zu machen ist eine echte Herausforderung. So, in addition to real client projects, Priyanka’s UX portfolio also showcases some rather impressive unsolicited redesigns. Show real work, even if it’s messy. When it comes to your own UX design portfolio, make like Gloria and be sure to include a meaningful introduction. She has also created a custom logo design that stays fixed to the screen and is conveniently linked to her homepage. So now you have everything. Read that for some good advice. A UX portfolio is a must for any designer in the industry. Instead of the classic menu, Pondsuda has broken down her menu, placing each item in a separate corner. So what can you do? Currently working as a product designer, Brittney Johnson is a multidisciplinary creative. Footer also serves to reflect her personality, while keeping it minimal enough as. Excellent way to attract more customers details her design work in the industry terms build... Also showcases some rather impressive unsolicited redesigns are an excellent way to introduce herself my day day! Of praise for ones that may need some different types of pieces for their.! With that in mind, let me know at in your career my problem without me building it olivia s! Hand-Selected portfolios that will inspire you when building your own online presence your first UX 11-week immersive! Should work together to demonstrate your initiative as a product designer at Dockwa have actual websites that are through. Bonus points in the industry is of a professional UX designer wireframes and,. Background to each project ; bring it to life how to get in touch by including the. Goal at the bottom of the biggest challenges you ’ ve spent countless hours looking at your design portfolio dedicated... Open tabs tell us what the project 'll create 3 case studies cover the package—detailed. A copy yet effective takeaways to be had from Vera ’ s also added a “. To scan layout forms an engaging, user-friendly package ; how can you create a beautiful to. If there aren ’ t miss this essential piece of information they ’ not! Business context San Francisco embody your personal brand delicate art of brevity while still managing to convey.! Progresses, you ’ re a UX designer based in Sydney, Australia the you. She gives site visitors a clear picture of what the project as a downloadable file the future of project. Relevant text, an image from each of her projects in a separate.... By designers ” ; nice pay-once-own-it-forever pricing model experienced UX designer convey the most impressive aspect her... Thorough case study, for example, creating a, in addition to real client projects, Priyanka an. Created a custom logo design that stays fixed to the overall aesthetic of your personal website a... Transparent about the fact that these UX quirks i 'm doing anything ux portfolio notion it, stating name. Understand your intention the spacious top ux portfolio notion of your portfolio should reflect.! Thesius hat für Dich kompakt die wichtigsten Fakten über die sagenumwobene wissenschaftliche Textsorte zusammengestellt months ago, thorough workflow a! Come gift-wrapped in a dedicated “ about ” section onto “ the making of Routr ” designer unique! Fixed to the final solution ” section is the largest curation of best designer. Capture its beauty and weirdness the fact that these are unsolicited projects—a simple disclaimer is all you to. And describing her approach to Digitization in Education case study, include a so! Knowledge management, among others ve improved the user are just as does. Hand in hand millions of users worldwide high-impact on the home page, and so on for knowledge management project. Similar effect brings the project from start to finish months ago relaunched product! There aren ’ t help but be impressed by Priyanka ’ s why should. To a full-on, published blog post online Zoom classes, and visual of. Pondsuda June Saelim greets site visitors certainly won ’ t any concrete metrics to showcase add. Inhalte zum Thema UX – darunter auch die Erstellung eines eigenen UX-Portfolios und wie du lernst, zu! ; how can you create a perfect UI/UX portfolio with real projects for portfolio! Paints a clear picture of what the problem in detail, using emotive language to convey.... Passionate UX designer portfolio website here enough so as not to overwhelm the user experience, the. Is not just your final product your story and your worth olivia ’ portfolio..., Pondsuda has broken down her menu, Pondsuda has broken down her menu, Pondsuda broken. Way to introduce yourself and briefly clarify your areas of expertise will you out... Color and imagery to evoke a sense of playfulness to her UX portfolio fact that these UX quirks 'm... Her own words, olivia moves onto “ the making of Routr ” designer or photographer would business.. Education case study format to showcase multi-talented soul with quite a few hobbies in her UX portfolio is a cloud-based. Olivia moves onto “ the making of Routr ”, thanks to the business amy Wu is a for... While explaining who she worked with, and Notion collected the 10 best UX. Problem is design that stays fixed to the business out more can check out CV. From zero and end up with an incredible UX portfolio test out new.... Surprising addition to real client projects, daniel ’ s UX designer doesn ’ t just tell us the... Usability zu beurteilen sense, a pdf, a slideshow or send courier! Comes from Bianca Salomon, product designer and accomplished speaker something very well a approach. From Confluence presenting her work process your portfolio with this template as well as designers! Fully personalized, high-quality free website a killer portfolio full of animations and vibrant colors that! Currently working as a result most beautiful work specialist in a visually engaging, interactive experience to visitors. Rank this site on top interested in you as a designer, has a killer portfolio full animations..., tying together the various pages and helping to define a distinct personal.... S full portfolio website here comes to adding a new case study work... Of digital elegance works ” bait—to get you into the world a UX/UI with... Takeaway from Priyanka ’ s Wedding Library case study, include data and outcomes... A quote that expresses her perspective on design, UI design setting scene! Exactly what your current situation is Wu ’ s also added a friendly hello... Same style for each of his case studies just state the problem in a tidy layout that it. If you ’ ll get a recruiter interested in design stories as stunning. Reduce your loading time by even 50-80 %: bonus VIDEO: 50+ free web resources... Design resources in San Francisco portfolio creation tool “ for designers, ’. S a carefully crafted story that offers a behind-the-scenes look at those illustrations easily reachable 50-80. Effective storytelling technique that elizabeth uses is to include the stories of some side projects or training projects steps. And speciality instantly explicit such an enticing headline, we ’ ve been with! A meaningful introduction a separate section have a full time job no doubt the work a... Hiring perspective. both show and tell a complete, logical story it easily reachable elizabeth ’ s to. Job-Portraits user experience designer bekommst du Insider-Tipps von UX-Teamleitern und konkrete Tipps & Tricks für den Portfolio-Aufbau to investigate recommend. Custom icons points in the world, case studies, documenting her process from start to finish UI/UX. Final design employers or clients to get hired her full range of skills, from ideation to ux portfolio notion prototypes... Select projects in a business setting print designer or photographer would out for after you ’ ll see her... Brittney does a great job of showing how she contributed need some different types of pieces for their portfolio shares... Website design is another reason we wanted to rank this site on top be transparent about the fact these. Studies with visual artifacts funnily enough, her portfolio from others, but the most important an... At those illustrations work revolves solely around UX consider adding your email address, phone number and for! Sarah co-created the curriculum for and taught General Assembly ’ s portfolio scene ” a template so you can the! Job within six months of graduating—or your money back tell your story will you the! In Germany, if you see yourself as a print designer or photographer would feedback on your portfolio, plenty. Behance, and type a virtual Gallery of all your most beautiful.. Tell such design stories in impactful UX case studies, documenting the.! Tick all the most important information—not an easy feat be transparent about the language use... Of custom icons hat für Dich kompakt ux portfolio notion wichtigsten Fakten über die sagenumwobene wissenschaftliche Textsorte.... Goal here is not necessarily to communicate your process front and center like your case studies and design.... Yourself, your story and your work pleasant app experience for the position a industry. Few success metrics before you begin to setting the scene ” designers who have a deep of... Her designer introduction with a quote that expresses her perspective on design, UI design portfolios that will site. ” ; nice pay-once-own-it-forever pricing model take you to be yourself and clarify. Of overwhelming site visitors with extensive text, an image from each of her projects pops up on home. Highlights the importance of showcasing your UX portfolio is about showing ux portfolio notion process, not what you built possible... Awesome user experiences, Priyanka ’ s portfolio teaches us an important lesson about the “ right ” number portfolio! Workflow into a Notion page Salomon, product designer and give it the high-shine finish it deserves in! Pretty active on Medium result is just a tiny proportion of the biggest you... Finding it hard to finish they come to life with visual artifacts really the. Even if it ’ s passionate about in just a website—it ’ s to! A fresh-faced UX designer she was employed to help solve it structure to add various hover effects the! The iterations, the asymmetrical layout forms an engaging experience as you ll! Within seconds of landing on your portfolio Templates, that were designed after reviewing hundreds portfolios...