Module 01 · 20 min
UX deliverables and design steps
UX deliverables are the pieces you produce while you design. Together they become your case study and portfolio. Start with tools you already know; move polished versions into Figma or similar later.
Research and definition documents
These prove you understood the problem before you drew screens.
- Stakeholder interview summary — what the business wants and who it is for.
- Experience map — how people experience competitor apps today.
- Competitor research table — who you compared and what you learned.
- User research findings — graphs or notes plus a clear problem statement.
- User persona — a concrete person, not a vague “everyone”.
- Empathy map — what they say, think, do, and feel.
- Customer journey map — touchpoints inside your app.
Structure, flows, and testing
These show how the product is organised and whether real people can use it.
- Information architecture — a navigation diagram.
- User flow — a flow chart of a key task.
- Low-fidelity wireframes — sketches of screens, not final colour.
- User journey sketch — the path across moments.
- User testing report — what people tried and what changed.
- UX case study — the story of the project for your portfolio.
Keep the portfolio consistent
Consistency makes the work look professional. Pick one font family and at most two colours for all UX documents in a project. Mixing many fonts and colours makes the same research look unfinished.
Free fonts from Google Fonts work well for case studies. Common choices include Open Sans, Montserrat, Lato, Verdana, and Arial. You can draft in a notes app or spreadsheet first, then rebuild clean versions in Figma when you present.