← Back to work

Table of contents

OverviewProblemCompetitorsIterationHandoff & edge casesFinal designFeedback featureMy AI workflowImpactReflection
SIMON chatbot flow: welcome, topic selection, answer, and human handoff screens

Hanger · 2026

AI chatbot

Live on hanger.life

SIMON: an AI support assistant new members can trust

SIMON greets new members on Hanger, a platform where the fashion industry networks, finds events, and collaborates. I designed it end to end, from the first chat window to the failure states, and it went live on hanger.life in August 2026. Some details are left out for confidentiality, and screens use placeholder data.

Role

UX Designer. Owned SIMON's UX and UI from brief to launch

Team

UX/UI team, product lead, and engineering (remote)

Timeline

Spring - Summer 2026 (launched August 2026)

Tools

Figma, Figma AI, Claude, ChatGPT, Gemini

Live

Shipped on hanger.life in August 2026 as Hanger's first line of support

3 · 17

Iterations and screens, from first chat window to failure states

75+

Reusable components I contributed to Hanger's Figma design system

Problem

New members didn't know what Hanger could do, and every question waited on a person

Hanger was about to onboard its waitlist, and the platform does a lot at once. Until then, the only way to get an answer was to contact the team and wait.

How might we give new members instant, trustworthy answers, and a person when the AI can't help?

Competitive analysis

I studied Drift, HubSpot, Chatfuel, and Intercom to learn what users love and hate in support bots

I compared four popular chatbots and read their reviews on G2, Capterra, and TrustRadius to see where each wins and where users get frustrated.

Comparison of Drift, HubSpot, Chatfuel, and Intercom Fin on guided quick replies, AI answers, vague questions, handoff and routing, and setup, based on user reviews

Key takeaways for SIMON

Include

• Guided quick replies, so no one faces a blank chat box (HubSpot, Chatfuel) • Answers pulled from help articles, with the source linked (Intercom) • A clear, always-available path to a person (Drift and Intercom complaints) • Answer ratings so the team can see what isn't working (Intercom)

Leave out (for now)

• Open-ended AI for vague questions at launch, since even Fin gets stuck in loops • Deep branching flows, which reviewers called convoluted (HubSpot, Drift) • Sales features like lead routing, because SIMON is for support

The decision: guided FAQs over open chat

The AI wasn't ready to answer open questions reliably, and a wrong answer on day one would cost more trust than a limited one.

First idea

Free-form assistant

Ask anything. Flexible, but answers couldn't be trusted yet.

What we shipped

Guided FAQs

Tap a topic, pick a question, get a vetted answer, and still type if you want to.

Iteration

Three iterations: the same screens in V1 and V3

Handoff & edge cases

When SIMON can't help, it says so and gets you to a person

The riskiest moment in an AI chat is the dead end, so every failure gets a clear next step.

Final design

SIMON V3: guided, honest, and one tap away from a person

AI disclosure up front

Before the chat starts, users see that SIMON is an AI, what it's good at, and that a person is always available.

Meet SIMON screen disclosing it is an AI assistant

Answers you can check

Each answer links to its source and ends with a thumbs up or down, so the team sees what isn't landing.

SIMON answer with source links and feedback

Resolution and rating

Chats end with a confirmation and a quick rating, a quality signal from launch day.

Conversation resolved screen with a star rating
Visit hanger.life →

Feedback feature

A way for members to tell us what's broken, without leaving the page

Research I ran with Claude pointed to persistent, user-initiated feedback widgets getting 2 to 5 times the response rate of targeted surveys. I explored three directions for Hanger.

Direction A

SIMON-based flow

Members report issues by chatting with SIMON.

Direction B

Standalone widget

A feedback panel available on every page.

Direction C · chosen

Hybrid of A and B

A structured panel, plus a shortcut to report through SIMON.

My AI workflow

AI helped me explore 3 concepts in 1 day instead of 2

I used Claude, ChatGPT, Gemini, and Figma AI to research chatbot patterns, draft information architecture, and compare early layouts, like an image carousel vs. a compact list for event recommendations. The decisions stayed mine.

Two concepts for recommending events in chat: image carousel vs compact list

Impact

Live as Hanger's first line of support, with a smarter V2 on the roadmap

“There are options for the user to easily pick and choose any questions that are already pre-laid out for them. So I think it's very user friendly.” — Design Lead, Hanger

Support tickets now come in through SIMON's handoff flow, and its UI patterns went into Hanger's Figma design system.

SIMON UI component library: avatars, message bubbles, chips, buttons, badges, colors, and type

Reflection

What I learned designing for AI

01

The best decision was a constraint.

Guided FAQs instead of open chat, because at launch accuracy mattered more than novelty.

02

Trust lives in the failure states.

I now design the unhappy paths as carefully as the happy one.

03

Next time, metrics from day one.

Tracking resolution rate, handoff rate, and answer ratings at launch would let real conversations shape V2.