ux how to create portfolio and casestudy – part 1

September 11, 2026
UX Portfolio Series · Part 1

A UX Portfolio Is Not a Gallery

How to build a case study that shows your thinking, your research, and the value your design creates — not just the final screens.

The way we build digital products has changed. But one thing has not changed: good design begins with understanding people.

Today, tools such as Figma, Photoshop, Illustrator and AI can help designers create interfaces faster than ever. But creating attractive screens is only one part of User Experience Design.

At Arrow Multimedia, Hyderabad, we have been involved in design education since 2006, and we have seen this field evolve from earlier interactive technologies to mobile applications, modern web experiences and today's AI-assisted design workflows.

Through our experience, we have noticed a common challenge among learners: they can often create good designs, but they find it difficult to explain the thinking, research and decisions behind those designs.

That is why we believe a strong UX portfolio should not simply display screens. It should show how you think, what you discovered, why you made your decisions, and how your solution creates value for both the user and the business.

The common problem

Students can design attractive screens. They can create prototypes. But when someone asks, "Why did you design it this way?", the portfolio often becomes weak.

A UX portfolio should demonstrate thinking, not just output.

A UX Portfolio Is Not a Gallery — comparison of a UI gallery versus a complete UX case study
Visual 01 — Gallery vs. Case Study

UI Gallery — "What I designed"

  • 4–5 beautiful screens
  • No explanation
  • Only final screens
  • No research or problem-solving shown

UX Case Study — "How I think"

  • Problem
  • Research & Insights
  • Decisions & Wireframes
  • Testing & Final Solution

02 · Choosing the Right Problem

Start with a real problem, not a redesign brief

Here we introduce our continuous case study — an Interior Project Management Platform.

Instead of saying, "Let's redesign an interior design app," we ask a sharper question:

"How might we help homeowners understand what is happening in their interior project without constantly calling the designer or site team?"

This framing is a stronger starting point for a portfolio because it forces you to identify:

  • A real user
  • A specific pain point
  • A measurable problem
  • A design opportunity
Problem discovery diagram moving from a general problem to a unique design opportunity
Visual 02 — Problem Discovery: from a broad problem to a design opportunity
Broad Problem Interior project is difficult to track
User Pain Point Homeowner doesn't know what needs attention
Problem Statement "Homeowners need a clearer way to understand project progress, decisions and pending actions."
Design Opportunity Create a simpler project communication experience.

03 · Research

The evidence behind the design

This should be one of the strongest sections in any case study.

Qualitative

  • Interviews
  • Observation
  • User conversations
  • Open-ended questions

Quantitative

  • Surveys
  • Ratings
  • Task frequency
  • Time & percentages

Raw Data → Patterns → Insights

The important message

Research is not something we add to make a portfolio look complete. Research should change the direction of the design.

User research evidence board showing interview quotes, survey results and key insights
Visual 03 — Research Evidence Board

"I don't know what is pending." "I have to call the designer for every update."


04 · Competitive Analysis

Learning from what already exists

A competitor study isn't "Competitor A has this feature." It's:

What are competitors solving, what are they missing, and where is the opportunity?

Competitive analysis matrix comparing three products across project tracking, cost transparency and communication
Visual 04 — Competitive Analysis Matrix

A professional matrix compares 3 existing approaches or products across dimensions such as:

  • Project updates
  • Material selection
  • Approvals
  • Cost visibility
  • Communication
  • Notifications
  • User control
Opportunity gap

One clearly highlighted conclusion — the single most important gap your design will address.


05 · From Research to Persona

Build the persona from the research, not before it

Once patterns are clear, the persona should emerge from them — not be invented as a random character first.

UX persona card for Ananya, a working homeowner, with goals, frustrations and behaviours
Visual 05 — Persona Card: Ananya, Working Homeowner
Goals

Understand project progress · Make decisions quickly · Control cost

Frustrations

Too many calls · Unclear updates · Difficult material decisions

Behaviours

Checks updates on mobile · Shares references with designer · Wants visual confirmation

Structure

Name + Role → Short quote → Goals / Behaviours / Frustrations → 3–4 data indicators


06 · Empathy Map

Going one level deeper

The empathy map content should come directly from the research and persona — never invented separately.

Empathy map showing what the user says, thinks, does and feels
Visual 06 — Empathy Map (Says / Thinks / Does / Feels)
Says

"I just want to know what is happening."

Thinks

"Am I missing something?"

Does

Calls the designer for updates.

Feels

Uncertain when decisions are pending.


07 · User Journey

Finding the real pain point

Take the persona through the actual experience, stage by stage:

Project Start → Design → Material Selection → Approval → Production → Site Execution → Changes → Completion

For every stage, document: Action | Emotion | Pain Point | Opportunity — then identify the single highest-friction point.

User journey map across eight project stages showing an emotion curve, pain points and opportunities
Visual 07 — User Journey Map

08 · Our Perspective

Start with the problem, not the software

At Arrow Multimedia, we encourage students to start with the problem — not the software. Figma is an important tool, but it comes after understanding the user, the problem and the evidence behind the design.

With more than 20 years of experience in design education since 2006, Arrow Multimedia has seen the design landscape move from earlier interactive technologies to HTML5, mobile applications and today's AI-assisted workflows.

Our practical approach is built around case studies, research, design thinking and the way working designers approach real product problems.

Finding the problem is only the beginning. In the next part, we take this case study from research into action — sketches, user flows, wireframes, UI design, design systems, prototyping, usability testing and finally the business value of the product.

Stay tuned for Part 2 →

admin

Arrow Multimedia is one of the most trusted multimedia training institutes in Ameerpet, Hyderabad, with over 20 years of excellence in creative education. We are proud to have trained and placed thousands of students who are now thriving in successful careers across animation, graphic design, VFX, web technologies, and interior design. Our training programs are designed to meet the latest industry standards, combining hands-on practical sessions, real-time projects,and expert guidance. AI Tools in Multimedia and Design With a strong focus on 100% placement support, Arrow Multimedia ensures every student is career-ready upon course completion. Whether you’re a beginner or a creative professional looking to upgrade, our institute is your gateway to the digital future. The founders of this training studio it self have national and international exposure in the related fields. Our team includes print graphics experts, web solution specialists, 2D & 3D animators, video editing and special effects professionals.

Leave a Comment

ARROW MULTIMEDIA |Best Multimedia Training institute in hyderabad | vfx | UI UX Design Training