UX Case Study Template: Free Template and How to Use It

November 12, 2026 | Read Time : 3 mins

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 PieceUX Case Study
Shows the final visualsShows the full process behind them
Answers “what did you make?”Answers “why and how did you make it?”
Takes seconds to reviewRewards a few minutes of reading
Focuses on the outcomeFocuses 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.

FieldWhat to Record
Project titleA clear, specific name
RoleYour exact responsibilities
TeamWho you worked with
TimelineStart, end, and key milestones
ToolsFigma, Miro, Maze, analytics tools, and so on
PlatformWeb, iOS, Android, or cross-platform
One-line summaryThe problem and the outcome in one sentence

Part 2: Story Outline

Follow this order to keep readers engaged.

SectionKey QuestionWhat to Include
OverviewWhat was this about?Context, product, and the headline result
ProblemWhat needed solving?User pain points and business goals
ResearchWhat did we learn?Methods, participants, key insights
DefineWhat was the core challenge?Personas, problem statement, goals
IdeateWhat options did we explore?Sketches, flows, wireframes
DesignWhat did we build?Final screens and key decisions
TestDid it work?Usability findings and iterations
ResultsWhat changed?Metrics, feedback, business impact
ReflectionWhat did we learn?Lessons and next steps

Part 3: Process and Decisions Log

Recruiters love seeing trade-offs. Record major decisions as you work.

DecisionOptions ConsideredWhy We Chose ThisEvidence

Part 4: Results Table

MetricBeforeAfterChange
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 HaveWrite 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.

SectionSummary
Problem55% of new users quit before completing setup
Research8 interviews and analytics showed the form felt too long
DecisionSplit setup into three short steps with progress indicators
TestFive-user test showed faster completion and fewer errors
ResultCompletion 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

OriginUX Studio

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.

Hire on Demand