How to Create a UX Design Portfolio
BrainStation’s UX Designer career guide is intended to help you take the first steps toward a lucrative career in UX design. The guide provides an in-depth overview of the design skills you should learn, the best available UX design training options, career paths in UX design, how to become a UX Designer, and more.
Become a UX Designer
Speak to a Learning Advisor to learn more about how our courses can help you become a UX Designer.
Whether you are transitioning from a different career path, graduating from university, or looking to level up into a senior role, your portfolio is the single most important asset when looking for a new job. In traditional corporate fields like Law, Finance, or Medicine, your resume and university pedigree often dictate your market value. In the world of UX UI Design, the rules are different: your portfolio is your proof of work.
However, there is a fundamental misunderstanding among many aspiring designers about what a designer portfolio actually is. Many view it as a static collection of their prettiest high-fidelity screens, logos, and color palettes, failing to realize the full strategic value of the format. If you treat your own portfolio like an art gallery, you will be judged as an artist. To be hired as a UX Designer, you must prove you are a problem solver.
Think of your portfolio as an advertisement for your capabilities to potential employers. When a company hires a UX Designer, especially a beginner, they are making a significant investment in salary, onboarding, and training. Hiring managers need confidence that they are bringing on someone with the right potential and requirements for the role. Beyond making things look good, you need to show you can solve complex user friction and understand user needs. Your own portfolio exists to give you the chance to prove:
- You can do the job: You possess the technical hard skills (Figma, Prototyping, Wireframing) required to execute day-to-day tasks.
- You can think: You follow a logical UX design process to solve problems. You don’t just guess, you validate.
- You are easy to work with: You communicate clearly, document your decisions, and understand that design is a collaborative business function.
In this comprehensive guide, we will move beyond the basics. We will explore the expectations of hiring managers, how to structure case studies that showcase your skills, and how to leverage your past experience to build a portfolio that stands out in a competitive market.
UX Design Portfolio
A UX design portfolio is a curated collection of case studies that documents your design thinking. It is the bridge between your design skills and an employer’s needs. Unlike a graphic design portfolio, which focuses on the final aesthetic result, a UX portfolio focuses entirely on the methodology.
For newcomers to the field, this concept can be abstract. To better understand it, let’s frame it through analogies from other industries:
If you come from Marketing:
Think of a UX portfolio as a series of campaign retrospectives. You wouldn’t just show the ad creative, you would detail the audience segmentation, the A/B testing strategy, the budget constraints, and the highest value delivered.
If you come from Engineering:
Think of it as technical documentation. You wouldn’t just show the finished product, you would explain the system architecture, the database logic, and how you handled edge cases.
If you come from Education:
Think of it as a lesson plan and student assessment. You wouldn’t just show the syllabus, you would detail the learning objective, the teaching method, and how you measured student success.
Most hiring managers and recruiters fly through portfolios, spending less than 2 minutes per candidate.
The Strategic Importance of the Portfolio
In that two-minute window, your portfolio serves as your sales pitch to showcase your personal brand. It works for you 24/7, representing you when you are not in the room.
If your portfolio is confusing, cluttered, or purely visual, you will likely be rejected before anyone ever speaks to you. A strong portfolio attracts the right employers, those who value your unique skill set and problem-solving style.
What is a Case Study in UX Design?
A case study is the fundamental building block of your portfolio. It is a short storytelling format that walks the reader through a specific project from the initial ambiguity of the problem statement to the final design.
The “Scan vs. Read” Paradox
You might be wondering: “If recruiters only spend 2 minutes on my portfolio, why write a long case study?”. The answer is that you are designing for two different audiences at once.
The Recruiter (The Scanner)
They will scroll through your case study in seconds, looking for visual proof of your process. They need to see visual evidence, like an option to view image galleries of sketches, that you did the work.
The Hiring Manager (The Reader)
Once you pass the initial screening, the Design Lead will read your case study in depth to understand your thought process.
Your case study must satisfy both. It needs to be scannable enough to showcase your skills at a glance, but detailed enough to stand up to scrutiny during an interview.
Why Case Studies are the Core Component
Hiring managers do not hire designers for their Figma files, they hire them for their demonstration of critical thinking skills. A beautiful interface that solves the wrong problem is worthless to a business. In fact, it wastes business resources. A case study allows you to show your early sketches, failed iterations, and pivot points.
This transparency is crucial. Senior designers know that the design process is rarely a straight line, it is iterative. By showing your mistakes and how you corrected them based on data and realistic constraints, you prove you have the resilience required for the job.
Requirements of a Strong Case Study:
- The Narrative Arc: It must follow a logical structure so it is easy to skim. A common framework is the STAR method (Situation, Task, Action, Result) or the Double Diamond (Discover, Define, Develop, Deliver).
- Evidence: You cannot simply claim you did research, you must show it. Include photos of sticky notes from affinity mapping, screenshots of positive feedback, and videos of usability testing.
- Business Impact: Your case study shouldn’t just say “users liked the final design”. It should say “this redesign reduced task completion time by 20%” or “this aligned with the company’s goal of increasing retention” to prove your value to the business and UX team.
UX Design Briefs for Portfolio
Every case study needs a design brief, a concise summary positioned at the very top of the portfolio page. Think of this as the executive summary. A hiring manager should be able to read your brief in 10 seconds and understand exactly what the project was.
Goals and Benefits of Design Briefs
- Context: It instantly sets the stage. Without context, a screen is just a picture. The brief tells the viewer if this was a 2-day hackathon or a 6-month enterprise overhaul.
- Role Clarity: Design is a team effort. The brief prevents ambiguity by defining exactly what the team decided to implement versus what you achieved solo.
- The Hook: It entices the hiring manager to read the full story. If the brief is boring or unclear, they will likely close it.
How to Build a Brief:
Include these four distinct elements clearly, most briefs use a grid or list layout to display this information:
- 1
Timeline
How long did you have? (e.g., 4 weeks, 2-day sprint). This sets expectations for the depth of work.
- 2
Role & Team
What was your title? (e.g., UX Design Intern, UI Designer, UX Researcher…).
Who did you work with? (e.g., 2 Developers, 1 Product Manager).
- 3
The Problem
A one-sentence statement of the user friction (e.g., “High cart abandonment rates on the mobile checkout flow”).
- 4
The Outcome
The final deliverable or metric achieved (e.g., “High-fidelity prototype validated with 5 users”).
UX Design Projects for Portfolio
One of the hardest parts of building a first UX portfolio is curation. Aspiring designers often feel the urge to showcase everything they have ever created like logos, photography, and coding exercises in hopes that more is better.
A hiring manager will judge you based on your worst piece of work. If you have three amazing UX case studies and one poor graphic design project, they may compare you unfavorably to other designers.
How to Select Projects
Quality > Quantity
Three deep, well-documented case studies are infinitely better than ten shallow ones.
Relevance
You must tailor your portfolio to the UX job you want. If you are applying to a Fintech company, they want to see your ability to handle complex data, tables, and security flows. If you are applying to a lifestyle brand, they want to see strong visual design and interaction design.
The 3-Year Rule
Technology moves fast. If a project is more than three years old, it likely uses outdated design patterns or tools. Unless it is a client name like Google or Apple, consider retiring old work or redesigning it to meet modern standards.
What Qualifies as a Project?
Hiring managers accept various types of projects, especially for entry level roles, as long as the process is sound and closely replicates professional environments:
- School Projects
Comprehensive student projects from your studies are standard for juniors.
- Hackathons
These are a real competitive advantage because they prove you can collaborate with developers and ship under extreme time pressure.
- Volunteer Work
Helping a non-profit or local business can be easy to find and leverage as work experience.
- Unsolicited Redesigns
Redesigning an existing product that frustrates you. You must conduct real research, don’t just replicate the app, fix the experience.
How to Plan a UX Design Portfolio
Creating a portfolio is a design project in itself. You are the designer, the portfolio is the product, and the hiring manager/recruiter is your user. You must apply the same User Centered Design (UCD) process to your own portfolio that you apply to your actual work. If your portfolio has poor usability, a hiring manager will assume your actual design work will too.
UX Portfolio; A Step-by-Step Process
- 1st
stepDefine Your User
Who are you applying to?
- Agencies (Client Work): They value visual polish, variety, and speed. They want to see that you can jump onto different client accounts and deliver high-quality visuals immediately.
- Companies (In-House Work): They value depth, process, and systems thinking. They want to see how you think about the long-term lifecycle of a product and how you collaborate with a front end developer.
- 2nd
stepContent First
Decide how many projects to include and write your case studies in a document. Focus on documenting design concepts. Gather all your artifacts, digitize your sticky notes, and take screenshots of your Figma files. Organizing your assets beforehand will speed up the build process significantly.
- 3rd
stepWireframe the Experience
Sketch the layout of your portfolio. How will the navigation work? Will you have a portfolio page and an about page? Keep the navigation standard. Don’t make recruiters hunt for your resume. It should be just one click away.
- 4th
stepHigh-Fidelity Design
Create polished UI and high-fidelity mockups of your case studies. Use device frames (e.g., showing your app screen inside a realistic iPhone or Laptop mockup) to ensure screen size context. This helps the viewer understand the scale and environment of the interface immediately.
- 5th
stepUsability Testing
Before you launch, send your portfolio to a mentor, a peer, or even a non-designer. Ask them to perform a specific task: “Find my resume” or “Tell me what my strongest skill is”. If they struggle or guess wrong, you have a usability issue to fix.
How to Build a UX Design Portfolio
Once you have your content and strategy, you need to choose a medium. This is a common debate in the industry: Portfolio Website vs. PDF Portfolio. The truth is, most senior designers maintain both because they can serve different stages of the hiring funnel.
| Feature | UX Design Portfolio Website | UX Design Portfolio PDF / Deck |
|---|---|---|
| Best For | Discoverability: Initial applications, LinkedIn traffic, and being found by recruiters via SEO. | The Interview: Presenting customized deep-dives to a panel where you control the narrative. |
| Pros | Accessible 24/7, shows understanding of web standards, easy to share via link. | Total control over layout, no coding required, allows for NDA-protected work. |
| Cons | Requires maintenance, hosting costs, technical learning curve. | No SEO discoverability, requires sending a direct file to every viewer, version control can be tricky. |
UX Design Portfolio Website
This is your public face. It allows for discoverability, recruiters often find designers via Google or your LinkedIn profile, and the first link they click is your personal site.
UX Portfolio Website; A Step-by-Step Guide
- 1
Choose a Tool
Webflow / Framer
The industry favorites. They offer high design flexibility and show you understand web development.
Squarespace / UXFolio
Good for beginners who need templates. Faster to set up, but less customizable.
- 2
Home Page
This is your landing page. Create a hero section with a clear value proposition (e.g., “Product Designer specializing in complex SaaS tools”).
- 3
Project Grid
Showcase your 3-5 best projects with high-quality cover images. Ensure the titles clearly state what the project is (e.g., “Mobile Banking App” rather than “Project Alpha”).
- 4
About Page
Add personality. Culture fit is a huge hiring factor, show potential employers that you have a passion for their industry beyond your application.
- 5
Technical Check
Ensure your site is mobile-responsive. Many hiring managers review UX online portfolios on their phone during their commute.
UX Design Portfolio PDF
A PDF Portfolio or slide deck is a powerful alternative portfolio format to a website. While a website is a public, one-size-fits-all destination, a PDF allows you to create a self-contained document that is sent directly to specific hiring managers. This format gives you total control over the viewing experience and is the industry standard for sharing sensitive or targeted work.
UX Portfolio PDF, Step-by-Step Guide
- 1
Use Figma
Build your deck in Figma using 1920×1080 frames. This allows you to export as a static PDF or share a clickable prototype link.
- 2
Tailor the Content
Since you are sending this file directly, you can swap out case studies and design elements to match the company you are applying to. For example, if applying to a bank, you can curate Fintech projects to appear first.
- 3
Narrative Control
Unlike a website where the user clicks around freely, a deck allows you to guide the viewer linearly through your story, slide by slide, ensuring they see your process in the exact order you intended.
- 4
Handle NDAs
If you have work under a Non-Disclosure Agreement (NDA), a private PDF is the safest way to share it securely (often with password protection).
Tip
Many senior designers use a hybrid portfolio format strategy. They maintain a generic public website for discoverability (SEO) and networking, but create a tailored PDF or deck for specific job applications to highlight exactly why they are the perfect fit for that specific team.
UX Design Student Portfolio
If you are a student or a recent graduate, the lack of real-world experience and the high competition for entry-level roles can feel discouraging. The reality is that hiring managers know you are a junior designer. They aren’t looking for a launched product with million-dollar revenue, they are looking for potential. They want to see that you are teachable, that you understand the process, and that you have talent.
The best strategy for a student portfolio is to highlight growth. Show what you didn’t know at the start of a project and what you learned by the end. Focus on your process rather than pretending the execution was flawless. The value of your UX work lies in how you overcame challenges, not in the absence of them.
How to Create a UX Design Portfolio with No Experience
It is a common misconception among beginners that you need a paying job to get experience. You can create your own opportunities. In fact, self-initiated projects often show more initiative and passion than assigned classwork.
Showing Non-Paid Experience
- The Passion Project: Identify a problem in your own life, research it deeply, and design a solution.
- Volunteer: Approach local charities or small businesses to offer a free redesign.
- Hackathons: Join a 48-hour coding/design challenge to prove you can ship under pressure.
Beginner UX Design Portfolio
For a beginner looking for a first job or internship, the bar is set at competence, not mastery. You need to prove you know the basics and can autonomously perform design tasks assigned by Senior UX Designers.
What is Expected
- Clean UI: Good typography, consistent spacing, and accessibility compliance.
- Clear Logic: A user journey flow that makes sense.
- Tool Fluency: Evidence that you know how to use industry standard tools like Components and Auto-Layout in Figma.
- Humility: Acknowledge where you used existing UI kits versus what you designed from scratch.
Entry Level UX Design Portfolio
To move from intern to entry-level hire, your UX portfolio needs to start showing business acumen. You need to position yourself not just as a student, but as a junior professional.
Transferable Skills
Leverage your past extracurricular experiences and soft skills, even if they were not in design.
- If you were a coach or school tutor: Highlight your ability to empathize with users and break down complex systems into simple steps.
- If you were in customer service or sales: Highlight your deep empathy for user frustration and your ability to advocate for the customer. Mention your understanding of conversion metrics, funnels, and business goals.
- If you held a sorority/association leadership role: Highlight your organizational skills, logistical planning, and systems thinking.
UX Design Portfolio Best Practices
To ensure your portfolio stands out for the right reasons, follow this checklist of industry-standard “Dos and Don’ts”.
Dos
- Do Tell a Story: Start with the context, describe the challenge, present the solution and prove the resolution.
- Do Show the Challenges: Include photos of whiteboard sketches, version wireframes, and notebooks. It proves you generated ideas yourself and didn’t just copy trends.
- Do Check Accessibility: Ensure your portfolio text has high contrast and is readable. You can’t apply to be a UX designer with an inaccessible portfolio.
- Do Inject Personality: Your ‘about’ page should mention hobbies or interests. If you love baking or hiking, it is the place to mention it.
- Do allow users to view image details: Make sure images are high-res so recruiters can click to view image overlays and see the details of your UI design.
Don’ts
- Don’t Use Generic Mockups: Avoid unrealistic elements and overusing trendy templates. Invest time in your design to look unique.
- Don’t Wall of Text: No one reads long paragraphs. Highlight key points using headers, bold text, and bullet points to make your content scannable.
- Don’t Hide Your Role: Be honest about what you did. If you worked in a team of 3, specify exactly which parts you designed.
- Don’t Include Skill Bars: Avoid graphs that say “90% proficiency in Figma”. Don’t list a design choice or skill bar, as these are arbitrary and meaningless. Show your proficiency through your work, not a chart.
Where to Look for Inspiration
By following this guide, you will build a portfolio that does more than just showcase your work, it will tell your professional story, validate your UX Research and UI Design skills, and position you as a strategic asset ready to tackle the challenges of the evolving design industry. You will understand the difference between good UX and great UX, ensuring your visual elements land you the interview. Look at other designers for inspiration, but make this designer portfolio uniquely yours.
FAQ
get started
Accelerate Your Design Career
Courses built on adaptive curriculum and led by leading industry experts.
Work on projects in a collaborative setting
Get access to VIP events and workshops
Taught by industry experts