Thuy Nguyen

Designing the interface for an AI platform

AI Product · May 2025

AI Workflow Management
· From fearing AI to designing for it

My Projects

Designing the interface an AI engine relies on

Before joining Zoan AI, I wondered if AI would replace designers. This project showed me something else: I was designing the interface for an AI platform.

Role

UI/UX, product system, Rive motion

Scope

Desktop, mobile, design system, AI workflow

Outcome

A scalable foundation for launch and go-to-market

The work

From loose interface pieces to a scalable AI product system

Zoan enables teams and partners to build AI-generated interactive content through unified desktop workflows and a mobile chat-to-creation experience.

Zoan AI desktop and mobile product mockup

Challenge 01

Rebuilding product foundations for an early-stage AI platform

How could the product feel more structured and trustworthy without slowing down launch momentum?

Challenge 02

Designing one workflow across desktop and mobile

How could teams manage AI-generated content on desktop while keeping creation fast and conversational on mobile?

Challenge 03

Making AI interactions feel guided, not static

How could motion help users understand transitions, hierarchy, and system feedback?

Challenge 01

Rebuilding product foundations for an early-stage AI platform

Audited the interface to identify weak hierarchy, inconsistent spacing, and disconnected component usage.

Reset the visual language through color, typography, variables, and reusable product primitives.

Built out component patterns for controls, forms, overlays, cards, lists, tables, and navigation.

Documented behavior and state variations so design and engineering could move with less friction.

Challenge 02

Designing one workflow across desktop and mobile

Desktop: dashboard and workflow management for organizing assets, content, reviews, and iterations.

Mobile: chat-based creation, interactive previews, and faster content iteration on smaller screens.

Cross-platform: shared design language so users could move between surfaces without relearning the product.

Challenge 03

Motion and micro-interactions for guided AI workflows

Motion was introduced to guide attention, clarify transitions, reinforce hierarchy, and make the experience feel more responsive than static UI.

Outcome

Designers shape how humans interact with AI

The renewed system provided a scalable foundation for future development, reduced design-engineering friction, and established a stronger visual identity for fundraising and go-to-market.

Next projects