UX Case Study Template: Free Template and How to Use It
November 12, 2026 | Read Time : 3 mins
Table of Contents
A great design is not enough on its own. Clients, recruiters, and stakeholders want to see how you think, what problem you solved, and what changed because of your work. A UX case study template gives you a clear structure to tell that story without rambling or skipping the important parts.
This guide gives you a free, copy-ready template and a step-by-step method for writing a strong case study. It works for UX designers, product teams, freelancers, and agencies.
What Is a UX Case Study?
A UX case study is a written story of a design project, from the initial problem to the final result. It shows your process, your decisions, and the impact of your work. It is not a gallery of screens. It is an explanation of why those screens exist.
Case Study vs. Portfolio Piece
Portfolio Piece
UX Case Study
Shows the final visuals
Shows the full process behind them
Answers “what did you make?”
Answers “why and how did you make it?”
Takes seconds to review
Rewards a few minutes of reading
Focuses on the outcome
Focuses on the problem, decisions, and results
Why Use a Template
A template keeps your case studies consistent and saves hours of planning. It helps you:
Stay organized with a proven story structure
Show your thinking instead of only your visuals
Highlight results with clear metrics
Write faster by filling in a framework
Compare projects using the same format
Who Should Use It
Designers building a portfolio to get hired
Freelancers who want to win clients
Agencies showcasing client work
In-house teams reporting wins to leadership
Free UX Case Study Template (Copy and Use)
This template has four parts: a project snapshot, a story outline, a process and decisions log, and a results table. Copy each into Notion, Google Docs, or your portfolio builder.
Part 1: Project Snapshot
Put this at the top so readers understand the project in ten seconds.
Field
What to Record
Project title
A clear, specific name
Role
Your exact responsibilities
Team
Who you worked with
Timeline
Start, end, and key milestones
Tools
Figma, Miro, Maze, analytics tools, and so on
Platform
Web, iOS, Android, or cross-platform
One-line summary
The problem and the outcome in one sentence
Part 2: Story Outline
Follow this order to keep readers engaged.
Section
Key Question
What to Include
Overview
What was this about?
Context, product, and the headline result
Problem
What needed solving?
User pain points and business goals
Research
What did we learn?
Methods, participants, key insights
Define
What was the core challenge?
Personas, problem statement, goals
Ideate
What options did we explore?
Sketches, flows, wireframes
Design
What did we build?
Final screens and key decisions
Test
Did it work?
Usability findings and iterations
Results
What changed?
Metrics, feedback, business impact
Reflection
What did we learn?
Lessons and next steps
Part 3: Process and Decisions Log
Recruiters love seeing trade-offs. Record major decisions as you work.
Decision
Options Considered
Why We Chose This
Evidence
Part 4: Results Table
Metric
Before
After
Change
Task success rate
Conversion rate
Time on task
Support tickets
User satisfaction
How to Use the UX Case Study Template: Step by Step
Step 1: Choose the Right Project
Pick a project where you can show a clear problem, a real process, and a measurable result. Quality beats quantity, so three strong case studies are better than ten thin ones.
Step 2: Start With the Problem
Open with the user and business problem, not your solution. A strong problem statement sets up everything that follows.
Weak: “I redesigned the app.”
Strong: “New users abandoned onboarding at step three, costing the company 40% of signups.”
Step 3: Show Your Research
Explain how you learned about users. Mention methods, sample sizes, and the insights that changed your direction.
Common Research Methods to Mention
User interviews and surveys
Competitor analysis
Analytics review and heatmaps
Usability testing
Stakeholder workshops
If your project involved an expert review of an existing product, a professional UX audit services engagement is a great example of research that surfaces problems before design begins.
Step 4: Explain Your Decisions
This is the heart of the case study. Don’t just show the final screen. Show the options you considered and why you picked one.
Use the decisions log to write short, evidence-based explanations such as: “We moved pricing to its own page because 4 of 5 testers couldn’t find it in the footer.”
To strengthen the research side of your story, you can reference UX research services that gather user insight through interviews, journey mapping, and testing.
Step 5: Show Your Design Work Clearly
Use visuals with purpose. Every image should support a point.
Visual Tips
Add a short caption to every screenshot
Show before and after comparisons
Include sketches and rough work, not only polished screens
Highlight the key area with arrows or annotations
Keep images large enough to read
Step 6: Prove the Impact
Results turn a good story into a persuasive one. Use numbers wherever you can, and be honest when you can’t.
If You Have
Write Like This
Hard metrics
“Checkout completion rose from 52% to 71% in six weeks.”
Qualitative feedback
“Five of six testers said the new flow felt faster and clearer.”
No data yet
“Early tests were positive, and we plan to track conversion next quarter.”
Step 7: Reflect and Close
End with what you learned and what you would do next. Reflection shows maturity and a growth mindset.
For projects involving team collaboration, mention how design thinking workshops helped align stakeholders and generate ideas, since facilitation skills are valuable to employers and clients.
UX Case Study Example
Example: Fitness App Onboarding
A designer improved the onboarding of a fitness app with high drop-off.
Section
Summary
Problem
55% of new users quit before completing setup
Research
8 interviews and analytics showed the form felt too long
Decision
Split setup into three short steps with progress indicators
Test
Five-user test showed faster completion and fewer errors
Result
Completion rose from 45% to 74% in two months
Takeaway: The case study works because it links every design choice to a clear problem and a measurable result.
Common UX Case Study Mistakes to Avoid
Showing only final screens. Process is what people want to see.
Making it too long. Aim for a story people can scan in a few minutes.
Using jargon. Write so a non-designer can follow.
Taking all the credit. Be clear about your role and your team’s contribution.
Skipping the problem. Without a problem, the solution means little.
Hiding failures. Honest lessons from what didn’t work build credibility.
Best Practices for a Case Study People Finish Reading
Lead with the headline result so readers know why to keep going.
Use short sections with clear subheadings.
Keep paragraphs to two or three lines.
Add pull quotes from users or stakeholders.
Tailor the story to your audience, whether recruiters, clients, or executives.
Respect confidentiality by blurring or recreating sensitive details.
When to Get Expert Help
If you lead a team or run a studio and need help delivering projects worth showcasing, a specialist partner can add capacity and expertise. A team offering UI/UX design services can handle research, design, and testing, giving you strong results to build case studies around.
Frequently Asked Questions
What should a UX case study include?
At minimum: the problem, your role, research, key decisions, final design, testing, and measurable results.
How long should a UX case study be?
Aim for 800 to 1,500 words with plenty of visuals. Keep it scannable with clear headings.
How many case studies do I need in my portfolio?
Three to five strong ones are enough. Choose projects that show different skills and challenges.
Can I write a case study without real client work?
Yes. Personal projects, redesigns, and design challenges all work, as long as you show a real process and be honest about the context.
Conclusion
A strong UX case study template turns a project into a story that proves your value. Start with the problem, show your research and decisions, present your design with purpose, and finish with measurable results and honest reflection.
Copy the four-part template above and use it on your next project. You’ll write faster, tell a clearer story, and stand out to the people you want to impress.
Share
AUTHOR
Team OriginUX
OriginUX Studio is a CoE for User Experience providing UI & UX across Product, Service and Customer Experience Design. We are a cross-disciplinary design team that loves to create great experiences and make meaningful connections for businesses and their users through UI & UX.
Founded in 2016, our larger purpose is to help brands understand what they want to do and where they want to go. To do that we have to make understanding customer experience simple, effortless, and affordable for everyone.
OriginUX studio is based out of Bangalore, India.
We are a cross-disciplinary design team that loves to create great experiences and make meaningful connections for businesses and their users through UI & UX.