Info.

Ion, part of YC W24, builds AI-native tool that supports teams from ideation to ship production-ready features.

Info.

Ion, part of YC W24, builds AI-native tool that supports teams from ideation to ship production-ready features.

Role.

Launched 3 WebUI assets that refreshed outdated content and drove a 5% increase in site traffic

Role.

Launched 3 WebUI assets that refreshed outdated content and drove a 5% increase in site traffic

Team.

Florence Chou Sebastian Moreano Mesa Asher Wu Amenze Sholanke Esther Pelaez

Team.

Florence Chou Sebastian Moreano Mesa Asher Wu Amenze Sholanke Esther Pelaez

Info.

Ion, part of YC W24, builds AI-native tool that supports teams from ideation to ship production-ready features.

Info.

Ion, part of YC W24, builds AI-native tool that supports teams from ideation to ship production-ready features.

Role.

Designed features that simplified AI workflows and improved design-to-engineering handoffs

Role.

Designed features that simplified AI workflows and improved design-to-engineering handoffs

Vibe coding tools fall short on collaboration

Vibe coding tools fall short on collaboration

Project overview

Designing AI-native workflows at a fast-moving startup

Designing AI-native workflows at a fast-moving startup

Ion is an an AI design tool built for makers and lean product teams, streamlining the design-to-dev workflow to produce components that could be directly used in the product. I joined during a pivotal shift toward agentic AI, wearing multiple hats across UX, systems, and research.

  • Spoke with 12+ designers, PMs, and founders to map mental models on AI-driven workflows

  • Designed agent-first user workflow over many iterations

  • Published 15+ new components to the team's design system

The pivot

Moving away from static chats to an active "huddle"

Moving away from static chats to an active "huddle"

Many creative tools follow a linear model where user enters a prompt, receives visual output, and manually move into another tool. The one-way interactions often result in fragmented workflows. Thus, we envisioned a space where makers and agents contribute in context, moving beyond just generation to collaborative workflows.

How do we dynamically involve AI to elevate the design process?

Leading UXR insights

The importance of context + creative control in AI involved design

Two types of user with very different focus

Rather than prioritizing automation, the team leaned into creative workflow, building upon previous product while aiming workflow optimization to be the second focus.

A meltdown occurs when one has a sensory overload (environmental & emotional). Research has shown children with ASD are more likely to have difficulties with regulation due to differences in perception.

Thought Partner

Thought Partner

Thought Partner

Thought Partner

Users are interested to use AI as a second brain.

65% of users in our research already use AI for ideation, prototyping, or copy. But many shared frustrations about its inability to understand context like constraints, design system etc.

A meltdown occurs when one has a sensory overload (environmental & emotional). Research has shown children with ASD are more likely to have difficulties with regulation due to differences in perception.

What starts as a quick prompt often turns into a fight for accuracy.

Manual vs. Generative

Manual vs. Generative

Manual vs. Generative

Manual vs. Generative

Users want and need creative control.

While 90% of users surveyed have experience working with design and AI tools, they prefer to the ability to edit designs by themselves, including generated ones, to align closer with their vision.

A meltdown occurs when one has a sensory overload (environmental & emotional). Research has shown children with ASD are more likely to have difficulties with regulation due to differences in perception.

User usually need to add some final touches before moving on.

Solution direction

How might we ….

showing the pivot direction and show the reason why

A comprehensive pipeline connecting problem, idea, to handoff

A comprehensive pipeline connecting problem, idea, to handoff

……

A meltdown occurs when one has a sensory overload (environmental & emotional). Research has shown children with ASD are more likely to have difficulties with regulation due to differences in perception.

My contributions at a glance

Enhancing AI workflows while providing more ways to create

Integration with Slack

Integration with Slack

Integration with Slack

Integration with Slack

Highlight #1

Starting from where the user initializes their idea, Ion already has data on the users conversation

Highlight #1

Starting from where the user initializes their idea, Ion already has data on the users conversation

Highlight #1

Starting from where the user initializes their idea, Ion already has data on the users conversation

Highlight #1

Starting from where the user initializes their idea, Ion already has data on the users conversation

Cursor Edits

Cursor Edits

Cursor Edits

Cursor Edits

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

A Newsletter Viewer

Feature 1 (Shipped)

An all-in-one-place archive that enable the user to read through the most current newsletter and the organization to keep active documentation of all current and past works works with ease

Info.

Ion, part of YC W24, builds AI-native tool that supports teams from ideation to ship production-ready features.

Info.

Ion, part of YC W24, builds AI-native tool that supports teams from ideation to ship production-ready features.

Role.

Designed features that simplified AI workflows and improved design-to-engineering handoffs

Role.

Designed features that simplified AI workflows and improved design-to-engineering handoffs

Team.

Florence Chou Sebastian Moreano Mesa Asher Wu Amenze Sholanke Esther Pelaez

Team.

Florence Chou Sebastian Moreano Mesa Asher Wu Amenze Sholanke Esther Pelaez