- UX Design Express
- Posts
- UX Portfolio: Telling your ideation story
UX Portfolio: Telling your ideation story
UX Design Express #09
Hello, it’s Aneta here 👋 This is issue #09 of UX Design Express and today we’re talking about
Telling your ideation story
Have you ever seen a design portfolio on Dribbble and compared it with a case study on Medium? One is very visual and full of images, whereas the other is filled with text and descriptions of research activities. It’s no surprise that we don’t know how to talk about our design work in our portfolios.
It's funny how both types of portfolios can work depending on the situation. Some companies look for designers on Dribbble and judge skills based on visuals, while others love detailed research. Visual portfolios often suit freelancers, while research-heavy ones might lead to less mature design organisations.
But you probably want a job in an organisation with a strong design culture, and for this, in my opinion, you need both.
📌 Today you will get practical tips on how to
Show your design work in 3 different perspectives
Make your design story more interesting and engaging
Add some magic to your design stories
Let’s dive in 🐬
01. 3 perspectives of design presentation
Start by changing your focus from just processes and research to highlighting what's most important in your work: design.
How might you present design work in your UX portfolio?
I think about it in 3 persepctives: flat, wide and deep.
3 perspectives of design work presentation (by Aneta)
1.1 - Flat presentation
When you list out the design challenges. It's just the easiest and quickest way to show off your design work.
How to present a list of your design challenges?
Choose impactful, interesting, and job-relevant challenges
Present each challenge sequentially
Display 1-3 screens per challenge
Explain your design decisions briefly
Highlight key solutions
Show before and after versions for contrasting changes
1.2 - Wide presentation
When you show challenges of different sizes or zoom levels. That's when things start getting really interesting in your design presentation.
Challenge sizes
Different challenge sizes mean working on different parts of a problem. Some designers create entire user flows, while others focus on single screens. This usually depends on how the company is set up. Typically, the more senior you are, the bigger (and often more ambiguous) challenges you can take on.
Organism challenge: Big tasks, like entire user flows or complex solutions
Molecule challenge: Medium tasks, like order forms or screens
Atom challenge: Small tasks, like sidebar navigation or components
How to present different challenge sizes?
Share case studies of various challenge sizes
OR zoom in or out on specific problems in each study
Highlight big challenges (organism), such as full user flows
Display screens for medium challenges (molecule)
Focus on details for small challenges (atom)
Briefly explain your design choices in each case
Zoom in / out
Showing both the big picture and specific details makes your design presentation more engaging. Regardless of the challenge size, adjust your storytelling: zoom out for the overall flow or user journey, and zoom in for the nitty-gritty of your design work.
Zoom out to show the big picture, like the whole user flow or journey
Zoom in to highlight details, such as a specific screen section or component
How to zoom out and in?
Zoom out with user journeys or flows to provide context
Zoom in on specific parts like screen details, components, or interactions
Add a few words about your design choices or context
1.3 - Deep presentation
When you show design versions or iterations. It's often hidden in designers' portfolios. Some save it for later (like a case study presentation), but it's great to include a bit in your portfolio. This is where you can really show your design mindset.
How to show design variants?
These are different concept versions you explored.
Show various concepts
Display different ideas
Discuss the pros and cons
Explain your design decisions and why
How to show design iterations?
These are about the changes you made as you learned
Show changes you made over time
Display the concept before and after the 'AHA' moment
Discuss what you learned
Explain your design decisions
02. How to add magic to your design work?
Why the project topic was personally meaningful
What kept you excited throughout the project
How animations from a motion designer enhanced your design concepts
How you worked together through different challenges
How you adapted to technical limits
How a developer's early suggestion shaped your design process
That's it for today!
Get portfolio support from me ⭐️
There are 3 ways I can support you individually with your portfolio.
Don’t have any UX projects yet? No worries, we can go through it together.
I’m back in two Fridays with another edition of UX Design Express 👋
Keep designing ✨
Aneta