Design exploration · AI workflow platform

Designing for
two users at once

The user who wants full control

Discipline UI/UX Design
Platform Desktop & Mobile
Focus Interaction Design
Scroll

The company and product remain unnamed for confidentiality. Screens, interactions, and design decisions have been adapted to protect sensitive details while preserving the real design challenges and outcomes.

About this work

UI/UX Design Desktop & Mobile Interaction Design

Users configure multiple AI models, compare responses, and adjust settings for the same task.

Case Study 01 reduced complexity for new users. This project faced the opposite problem: introducing advanced capabilities without overwhelming the people who needed them — while keeping the experience clear and predictable.

My Role

This pushed me from screen design into system thinking — workflows, navigation, and interaction patterns across desktop and mobile.

I collaborated closely with developers throughout, balancing user needs with what the product could support at each stage.

User Flows Wireframing Prototyping Design Systems Developer Collaboration AI-Assisted Implementation
01 — Deliberate setup

A dedicated space for
deliberate choices.

Model selection screen with provider tabs and empty configuration state

Select models first — setup stays separate from conversation.

Users arrive with intent, but not everyone needs the same depth of setup. The challenge was giving configuration its own space without making it a barrier.

The decision

Setup deserved its own space — separate from conversation, with room for deliberate choices. Users commit once, then enter with confidence.

02 — Mobile workflow

Full power.
Small screen.

Desktop puts selection and configuration side by side. Mobile can't — but the workflow doesn't change.

ConstraintWithout side-by-side layout, the workflow had to be restructured around tasks — preserving full capability on a smaller screen.

Mobile selection tab with filter pills and scrollable list
Selection tab — filter options at the top, full scrollable list below.
Mobile configuration tab with individual response settings
Configuration tab — selected items with individual response settings, ready to go.
The decision

Rather than shrinking the desktop layout, I restructured it by task — selection separate from configuration, every desktop capability intact.

03 — Desktop card views

Read the way
you think.

Desktop four-column view with all AI responses visible

Four-column view — every response in one glance. View selector top right.

Parallel AI responses create a density problem — and users process it differently.

Some compare everything at once; others narrow their focus first. The interface had to support both decision styles, not force one.

The decision

View controls manage cognitive load — users choose how much information appears at once, matching how they prefer to decide.

Control isn't the opposite of simplicity.
It's structure.

Complexity isn't removed — it's structured, so users can work with it confidently without feeling overwhelmed.

Continue reading