How to show AI work in your UX portfolio

Be Your Own Design Team #43

Quick note from me

Recently, I’ve been running topic polls in my Instagram Broadcast Channel, and this week you voted for AI projects in a UX portfolio. If there’s something you want me to cover next, just hit reply and tell me. I’m here to help you grow, make smarter career moves and build a portfolio that gets you paid more for your work.

Story outline

  • Level 01: Show AI projects that solve real problems

  • Level 02: Use visuals to show AI impact more clearly

  • Level 03: Use videos to show dynamic experiences

  • Level 04: Explain your AI designs as you’d any other decision

  • Level 05: Explain unfamiliar pattern decisions

  • Level 06: If AI is integrated, make it visually clear

  • Level 07: Explain AI design patterns visually

  • Level 08: Show how AI technology supports the solution

  • Level 09: Show you’re a visionary by sharing your POV

Level 01

Show AI projects that solve real problems

Make your story about creating real value with AI, not just about AI technology itself. Here’s how:

  • Find real user or business problems to solve

  • Explain why AI is the solution for this issue

  • Provide context before diving into details

Level 02

Use visuals to show AI impact more clearly

Make your story about creating real value with AI, not just about AI technology itself. Here’s how:

  • Find real user or business problems to solve

  • Explain why AI is the solution for this issue

  • Provide context before diving into details

Level 03

Use videos to show dynamic experiences

If your AI project explores more intuitive, dynamic interactions, use this presentation style:

  • Use videos to show interactions

  • Chunk them by user jobs

  • Show full videos upfront for quick snapshots

Level 04

Explain your AI designs as you’d any other decision

Treat your AI project stories like any other projects. Explain the reasons behind your decisions:

  • How you designed for trust and transparency

  • How you designed for user expectations of AI

  • Include business needs

Level 05

Explain unfamiliar pattern decisions

AI is very ambiguous to many. AI design patterns are unknown. Make sure your story is clear by:

  • Splitting the interaction into smaller stories

  • Showing visually how your concept works

  • Zooming in on specific interactions for clarity

Level 06

If AI is integrated, make it visually clear

When showing an AI integration, make it clearly visible for transparency and quick scanning.

  • Use a different visual style for AI features

  • Add annotation notes for context

  • Zoom in on AI features for clarity

Level 07

Explain AI design patterns visually

If you can, use visuals from common AI products to explain your AI patterns. Here’s how:

  • Show them side by side

  • Use annotation notes for context

  • Add descriptions for clarity

Level 08

Show how AI technology supports the solution

Since technology plays a key role here, showcase your understanding and its value. Here’s how:

  • Focus on explaining benefits, not complex tech jargon

  • Address security and privacy concerns

Level 09

Show you’re a visionary by sharing your POV

There’s never been a better time to stand by your opinions and position yourself as a leader:

  • Share your predictions for AI’s impact

  • Share them in the context of your project

  • Show more explorations

🫶 Together with Framer

Launch your portfolio fast with Framer templates

Framer makes it easy to design and publish a clean, modern website without code. You can:

  • Explore layout ideas on a flexible canvas

  • Design and build in one place

  • Add interactions and motion

  • Publish instantly with responsive breakpoints

If you want a ready-made starting point for your portfolio, Framer templates make the process even faster.

My Storyline Portfolio Framer Template includes:

  • An editable homepage (projects and about)

  • 4 Case study pages

  • 404 page

  • Real B2B and NDA project content examples

  • Lifetime updates

➡️ Start building with Framer at framer.com
➡️ Get Storyline template at uxportfolio.co

Which portfolio problem are you trying to fix right now?

Login or Subscribe to participate in polls.

30% off all portfolio products this week 🎁

  1. Build your UX Portfolio with this course

  2. Grab Storyline Framer Portfolio template

Questions? Reply directly.

Keep designing ✨
Aneta