Best Practices For Online Design Portfolios

93% of Junior UX portfolios I see don't do this. 😔 👇 ↳ Reflect Real-World Problem Solving: → Many portfolios show beautiful interfaces but fail to show the designer's process of solving problems that matter. 💡 Pro tip: If you're new to UX, don't use bootcamp or school projects only. Get freelance or hackathon work as case studies. ↳ Have Personal Branding: → Many UXers don't give enough background on themselves. Companies hire you, not your 𝐩𝐨𝐫𝐭𝐟𝐨𝐥𝐢𝐨. ↳ Showcase Collaboration and Feedback: → It's rare to see a designer's ability to: ✅ Work on a team ✅ Articulate their working process ✅ Show their design changes based on feedback ↳ Show the Research Process: → The best case studies tend to: ✅ Showcase qualitative and quantitative data to back their designs ✅ Incorporate their insights into their solutions ↳ Show Empathy and Understanding: → I've noticed many junior designers have zero context to their users and the business in their case studies. 𝘛𝘩𝘦𝘺 𝘰𝘧𝘵𝘦𝘯: → Don't demonstrate their problem-solving process → Don't tell me why they did what they did and why it matters → Don't explain why their solutions help users and the business 🥇 𝗬𝗼𝘂𝗿 𝗮𝗰𝘁𝗶𝗼𝗻 𝗽𝗹𝗮𝗻: ☑ Craft a compelling story for your case studies that don't bore your reader to death ☠️. ☑ Show the results: what went wrong, what went right and what did you learn? ☑ Show how you've worked with others and leveraged feedback in your designs. ☑ Show your research process, how you gathered and interpreted data, and why it informed your design decisions. ☑ Articulate what problems you tackled and why. Show your thought process and how your design solves these issues effectively. ☑ Please for heaven's sake, get a real portfolio website. In this competitive market Dribbble sites, Behance sites, PDFs, and Figma files are not enough. ✨ Portfolios are hard to maintain and even harder to grow, but if you care about your UX career they are worth it. --- PS: What's stopping you from finishing your portfolio? Follow me, John Balboa. I swear I'm friendly and I won't detach your components.

I reviewed 2,000+ product design portfolios last year. Avoid these mistakes that 90% make: 1. 𝗧𝗢𝗢 𝗠𝗔𝗡𝗬 𝗣𝗥𝗢𝗝𝗘𝗖𝗧𝗦 ❌ Showcasing every project you’ve ever worked on. ✅ 3-4 strong case studies with depth are better than 10 shallow or old ones. 2. WEAK VISUAL HIERARCHY ❌ Walls of text, tiny images. ✅ Clear sections, bold headings, and visuals that guide the viewer. 3. CONFUSING NAVIGATION ❌ Hidden menus, unclear labels, or requiring too many clicks to find case studies. ✅ Make it effortless: clear sections, easy-to-find projects, and a simple way to contact you. 4. SLOW OR CLUNKY WEBSITE ❌ Huge images, broken links, animations taking 3+ seconds to load. ✅ Your portfolio is your first impression. Make it fast and seamless. 5. NO PROCESS, JUST FINAL SCREENS ❌ A bunch of polished UI shots with no explanation. ✅ Show your thinking: research, sketches, iterations, and decisions. 6. UNCLEAR ROLES ❌ Instead of saying “We redesigned the onboarding flow.” ✅ Say: “I led UX research and wireframing, a teammate handled UI.” 7. NO METRICS ❌ “Designed a new dashboard.” ✅ “New design increased user engagement by 20% and reduced support tickets by 15%.” 8. NO PROBLEM STATEMENT ❌ “Redesigned the checkout flow.” ✅ “Users abandoned checkout at 65%. I streamlined the flow, reducing drop-off by 30%.” 9. OUTDATED OR IRRELEVANT WORK ❌ Student projects from 5+ years ago. ✅ Keep it fresh. Show work that aligns with the jobs you want. 10. NO PERSONALITY ❌ Generic “I love solving problems” statements. ✅ What makes you you? Show your voice, interests, and approach to design. Which of these mistakes have you seen or made? #uxhiring #design #productdesign #portfolio

Confession: While I've reviewed thousands of portfolios, I've never read a case study all the way through. I ALWAYS scan them. I just don't have the time to look through every detail. And I know that most other folks who are reviewing portfolios are doing the exact same thing for the same reasons. This means that your portfolio should: 1. Make it easy to scan 2. Use big, high quality visuals 3. Tell quick, concise stories 4. Most importantly, make that story easy to consume in two minutes or less If I were to build my portfolio today, here's how I would do it using these principles: 1️⃣ I'd have a top overview section that has a short blurb of what to expect/what I accomplished AND the final mockups/prototype of what I created. 2️⃣ I'd write out each case study using a word document first to make sure that my headlines told the entire story quickly and concisely. I'd use a classic story arc 1. Context/background 2. Conflict 3. Rising action 4. Climax 5. Falling action 6. Resolution The simpler version of this is the 3 Cs of storytelling: 1. Context 2. Conflict 3. Change (AKA what improved as a result of your work) 3️⃣ I'd optimize my headlines below the overview to tell the story of what I learned. Once everything was written out in a Google doc, I'd edit everything down to the essentials. I'd make sure to pull out the important learnings/quotes and make them big so reviewers could easily scan them. 4️⃣ I'd break up sections with large images to make it feel more interesting and less fatiguing. 5️⃣ I'd ask friends and family to read it and provide feedback about clarity and how much time it took them. If they can easily understand it, see my impact, and quickly go through it, then I'm on the right track. 6️⃣ I'd use LinkedIn and adplist.org to find more folks to provide feedback. Again, I'd focus their feedback on clarity and the amount of time it took for them to go through it.

In the past few months, I’ve reviewed over 400 design portfolios while seeking to fill a mid-level design position (2-3 years of experience). More than 90% of these portfolios didn’t pass the screening process. One striking observation was that around 75% of all portfolios looked the same. If your portfolio resembles a basic template, you’re doing something wrong. Don’t get me wrong, perfect portfolios don’t exist, and I’m definitely not saying you should go overboard. However, hiring managers are reviewing many portfolios at once, and standing out with a well-designed portfolio that balances UX with a beautiful and aesthetically pleasing UI will definitely grab the hiring manager’s attention and win you more time. Top Mistakes: 1. Using the Same Design Process for All Projects: • If you have a one-size-fits-all design process, it indicates inexperience. Every project has different needs, requirements, constraints, and challenges. I want to see the challenges you’ve faced in the design process, what methods you chose to overcome a particular challenge, and why you chose that method. 2. Not Connecting Business Goals/Needs to Your Solutions: • Once I open one of your case studies, I want to see what problem you are solving and how it will help the business. Clearly linking your design solutions to business objectives demonstrates a deeper understanding of the impact of your work. 3. Not Enough Exploration: • Most portfolios I reviewed didn’t show enough solution exploration. They usually display only the chosen solution. I want to know which other solutions you considered, why you chose a particular solution over the others, and how you determined this was the best solution. 4. Too Much Clutter in Case Studies: • One of the greatest challenges in designing your portfolio is deciding how much detail to include in your case studies. Too much detail can overwhelm users (hiring managers), causing them to not finish reading your case study, which lowers your chances of getting an interview. Too little detail results in incomplete stories, which also lowers your chances. Focusing on the bigger picture and ensuring your case study is easily scannable is crucial. Make sure a user can scan and understand your case study within 30 seconds. Final Advice: There’s so much advice out there about this subject. If I have to leave you with one thing from this post, it would be to treat your portfolio as a real product design project and understand your audience really well. A well-crafted portfolio that effectively communicates your design process, challenges, and solutions can significantly enhance your chances of standing out to hiring managers.”

We all know we're supposed to "show instead of tell." But most design portfolios fail to do this and here's why. 👇 Designers love showcasing their raw work in their portfolios including outputs or deliverables such as: → Sketches → Diagrams → User flows → Wireframes → Sticky notes → Journey maps But to be honest, 90% of the time, I have absolutely no idea what is going on in those images. For example, I'll often come across a screenshot or picture of 25+ sticky notes, but: → They are too zoomed out. → If I zoom in, they're too blurry. → Even if I can seem them, they're too overwhelming. Then I start asking myself questions such as: → Am I supposed to read every sticky note? → What's important about these sticky notes? → Is this worth my time and attention to decipher? This is where storytelling comes in. What if instead of showing a raw zoomed out screenshot of sticky notes, we instead pulled out the key highlights and takeaways? Then we can guide the reader's attention to what's actually important, and optionally include a link to the original raw image afterwards. This creates a far more compelling narrative for our audience (hiring managers and recruiters), and ensures we're showing the right level of detail that is necessary to understand the story. Now to be clear, I'm not saying you should entirely avoid raw images or assets (or even raw Figma files). For example, these can be effective during the interview process because the designer can use their voice to guide their audience through the image. But when it's an online written case study submitted with an application, then you won't be in the room when a hiring manager first sees it. In that moment, your story will need to stand on it's own. It will need to communicate the right level of clarity and detail to compel the hiring manager to offer you an interview. In summary, when we want to "show instead of tell", that doesn't mean slapping a raw screenshot or image in our portfolio. It means reflecting on how we're using our words and images to give context, clarity, and tell an impactful story. Use it effectively to your advantage. What are your thoughts? #ux #design #portfolio #casestudy #storytelling

Want to build a UX portfolio that actually gets you interviews? It starts with a strong case study. I created this simple outline for one of my mentorship clients, but it was too good not to share. If you’re a UX or product designer on the job hunt, this can help you tell your story clearly, show your impact, and stand out from the crowd. Here’s the case study formula I recommend (plus a few tips to make yours even stronger): 🔹 Background/Context: What was the project about? What was your role? Timeline? 👉 Tip: Keep this to 3–4 sentences. Add a visual of the final product. 🔹 The Problem: What problem were you solving, and why did it matter? 👉 Tip: 1–2 clear sentences. Bonus points for "before" screenshots or user quotes. 🔹 Discovery: How did you get up to speed? 👉 Tip: Share your research highlights and key findings. Show evidence of collaboration with your team and stakeholders. 🔹 Design & Iteration: How did you approach the design? 👉 Tip: Include early sketches, whiteboard sessions, and messy Figma explorations — it shows your thought process. 🔹 Testing (+ more iteration): Who did you share your designs with, and what did you learn? 👉 Tip: Summarize the feedback you got and how you incorporated it. 🔹 Impact/Outcomes: What happened because of your work? 👉 Tip: Even if the product didn’t ship, focus on what you learned, how you moved it forward, and what impact you had. A few key reminders: MAKE IT SCANNABLE. Use visuals, headings, and type hierarchy to guide people through. Tell a story. Move through your project step by step so it’s easy to follow. Be selective. You don’t need to show everything you did — just enough to show the problem, your thinking, and the outcome. Hope this helps someone out there polishing their portfolio! If you want the full template (including extra tips), feel free to DM me — happy to share. 🚀 [EDIT:] I'm so glad y'all are loving this! if we're not connected, please include a note in your connection request so I can send the full template your way. Cheers! #uxdesign #productdesign #portfolio #uxcareer

As a Content Design leader and hiring manager, I'm often looking at portfolios and resumes. Here are five (5) things that delight me: 1. Clear navigation and IA for your portfolio. If I can easily find your UX writing and content strategy samples, that tells me you understand information architecture, which is critical to what we do. 2. Good storytelling. Tell me concisely what the problem was and how you solved it. Don't forget to describe the user and the role they played in your project. Show "before" and "after" screenshots where you can. 3. White space. Portfolios and resumes crammed to the margin edges with content indicates you have trouble self-editing. Remember the editing rule: cut it in half, and then cut it in half again. Use progressive disclosure. 4. A brief intro of who you are in your portfolio. I love photos of you, your pet, your kids, your favorite dish. Whatever makes you a human. 5. Empathy. UX research, asking questions...tell me how you considered the user. ("Because there were so many modals, we wondered if this process would be too complicated for our users to complete. So, we tested it.") That's it! Resumes and portfolios are writing samples in and of themselves. You don't have to be a visual designer to create an effective presentation, but as a content designer you must have a sharp eye for how things *could* look. It's time well spent. 😊

Not getting another interview after your portfolio presentation? Maybe this is why 👇 I've sat in many portfolio presentations. I also work with numerous mentees, helping shape their stories. The biggest mistake I always see is not showcasing the why behind your work. Context. So many presentations go like this: - Hi, it me 👋 - Here's my first case - Here is a persona I made - Here is another persona I made - Here is an arbitrary user flow - Here is a sketch I made - Here is a wireframe I made - Here is the final solution - I learned a couple of things Your presentation should be a story, not a simple show and tell. Don't just tell your audience WHAT you did. Tell them WHY you did it. The why connects your thought process to your design. We want to hear what drove your decisions. Paint a vivid picture of the challenges you faced, the insights you stumbled upon, and the brainstorms that led to breakthroughs. What separates you from other designers is how you think and your design decisions. ✅ Frame your failures ✅ Dissect your decisions ✅ Incorporate your successes ✅ Create a beginning, middle, and end ✅ Show the path from initial idea to final Each slide and each statement should reveal a bit more about your thinking process. Details matter. Subtleties matter. They all add up to a powerful narrative. When your presentation is infused with purpose and passion, your work shines. It demonstrates your technical skills and your capacity for critical thinking, problem-solving, and empathetic understanding. And that's what sets you apart. Not just the sheer quality of your work but also the depth of thought put into it. Make them remember what you did and why you did it. Because, in the end, it's the why that truly matters. ------------------------------------- 🔔 Follow: Mollie Cox ♻ Repost to help others 💾 Save it for future use

I'm going to say it. UX boot camps are a terrible investment. The UX job market is insanely crowded right now. So many folks have completed a boot camp and expect to find a role right away but can't get interviews. My opinion? They're taught to follow a playbook that doesn't work anymore. I chatted with an aspiring UX designer earlier this week, and we dug into what really makes a candidate stand out. I thought I'd share some of those thoughts here, because if you’re an early-career designer, these tips might be the edge you need. 1. Build a portfolio with ACTUAL work, not fake boot camp projects. Boot camp portfolios follow the same generic playbook. Start designing now. Whether it's a project for a friend or a pro bono gig for a small nonprofit. Real projects with tangible outcomes show hiring managers you’re serious. 2. Tell your unique story. Stand out from everyone else's generic resume. If you have experience outside of UX, bring it to the forefront. For instance, this person worked in the music industry for a long time. I suggested that they showcase the big-name brands they've worked with and the skills they gained. Those experiences make them unique and will stand out in the sea of resumés and portfolios. 3. Make your portfolio a great experience. If a hiring manager can’t easily view and navigate your portfolio, they’re going to pass. Simple solution is to use a Webflow or Framer template. Focus on making the portfolio clean and easy to use with great content. Pro tip: keep it accessible and mobile-friendly. Many hiring managers check portfolios on their phones. 4. Show the results first. Ten years ago, a long, drawn-out case study format might have worked. Not anymore. Get to the “so what?” quickly. Lead with the end result, like a clickable prototype, and then offer to walk through the journey in detail if they’re interested. 5. Stay current and use the tools the industry expects. Today’s UX world is exploding with new tools. Showing that you're familiar and experimenting. It’s a signal that you’re curious, passionate, and ready to hit the ground running. 6. Tap into your local UX community. Sometimes the best way to get noticed is simply by showing up. These events are not only for learning but for connecting with hiring managers who want to know more than what’s on your resume. 7. Embrace feedback and iterate. Good design evolves, and so should your portfolio. My advice is to treat your portfolio as a living project. Get feedback, iterate, and make it better over time. Every designer’s journey is unique, but some tips like telling your story, standing out with real work, and showing that you're hungry can make all the difference. If you’re in the same boat, these steps might help you get where you want to go 😊 -- If you liked this post, check out my weekly newsletter at https://lnkd.in/g6hXH5y7

After reviewing thousands of design portfolios over the years, I’ve noticed a critical mistake that 90% of designers make: they don’t demonstrate the impact of their work. It’s not enough to showcase polished visuals or detail your design process. What truly sets a portfolio apart is highlighting the difference your work made. And remember, impact isn’t always about boosting revenue or hitting business KPIs. It comes in many forms: • A Success Story from a Single User: Maybe your redesign of an app feature helped a user complete tasks twice as fast, reducing their frustration and improving their experience. Sharing that story shows empathy and real-world impact. • Influencing Strategic Decisions: Perhaps you presented user research that convinced stakeholders to pivot the product strategy, leading to a more user-centric approach. That’s impact at a strategic level. • Enhancing Team Dynamics: Did you introduce a new collaboration tool or workflow that made your team more efficient and cohesive? Improving the way your team works is a significant contribution. Tips to Showcase Impact in Your Portfolio: 1. Tell the Story Behind Your Work: Go beyond the final design. Explain the problem, your approach to solving it, and the resulting positive change. 2. Include Testimonials or Feedback: If possible, add quotes from users, team members, or stakeholders who benefited from your work. 3. Highlight Diverse Impacts: Show a range of impacts—user satisfaction, team improvements, strategic influence—not just business metrics. 4. Use Before-and-After Comparisons: Visuals or data that illustrate the difference your design made can be very compelling. By clearly demonstrating your work's impact, you show what you did and why it mattered. This makes your portfolio memorable and sets you apart from many others that focus solely on aesthetics. Remember, your designs can make a difference—in people’s lives, your team, and your organization. Make sure your portfolio tells that story. Have you highlighted the impact of your work in your portfolio? I’d love to hear how you’ve showcased it!