Turning the design audit into clear priorities
I mapped the existing journey and reviewed key screens to identify unclear entry points, disconnected interactions, and gaps in conversation context.
I mapped the existing journey and reviewed key screens to identify unclear entry points, disconnected interactions, and gaps in conversation context.
Original conversation-to-reply flow
Unclear starting point
Weak visual hierarchy, limited guidance, and inconsistent visual language made it unclear how to get started.
Limited support for different needs
Users needed support beyond screenshot-based replies. We needed to evaluate which additional tasks to prioritize.
An incomplete supporting experience
Supporting pages and navigation were underdeveloped, leaving gaps beyond the main reply flow.
Clarify Sign-In and Entry Points
The original sign-in screen used low-contrast supporting text and hid alternative login options, while the wider interface lacked consistent colors, typography, and component styles.
I made sign-in choices visible, clarified the visual hierarchy, and established a cohesive visual identity and reusable UI system across the app.
The original sign-in screen used low-contrast supporting text and hid alternative login options, while the wider interface lacked consistent colors, typography, and component styles.
I made sign-in choices visible, clarified the visual hierarchy, and established a cohesive visual identity and reusable UI system across the app.
Clearer sign-in choices
Made WeChat, phone, and Apple sign-in visible on one screen, with guest access grouped below.
More consistent visual hierarchy
Used clearer text contrast and consistent button styles to distinguish actions from supporting content.
Design around three distinct needs
I interviewed college students and working adults to understand where they needed support in dating conversations. Three needs emerged: finding a reply when they felt stuck, refining a draft they had already written, and making sense of a longer exchange.
I translated these needs into three dedicated modes: Generate a Reply, Refine My Reply, and Analyze a Conversation. Each mode provides a clear starting point based on what the user wants to do.
I interviewed college students and working adults to understand where they needed support in dating conversations. Three needs emerged: finding a reply when they felt stuck, refining a draft they had already written, and making sense of a longer exchange.
I translated these needs into three dedicated modes: Generate a Reply, Refine My Reply, and Analyze a Conversation. Each mode provides a clear starting point based on what the user wants to do.
BEFORE — One screenshot-based path
AFTER — Three task-specific paths
BEFORE — Original generate reply workflow
I kept conversation analysis and reply generation in one workflow, since both support the same goal: helping users decide what to say next.
Rather than repeating the uploaded screenshot across screens, I shifted the focus to AI insights and actionable replies, with clearer transitions between reviewing, generating, and editing.
Rather than repeating the uploaded screenshot across screens, I shifted the focus to AI insights and actionable replies, with clearer transitions between reviewing, generating, and editing.
AFTER — Redesigned generate reply workflow
01 — Clearer starting points
Introduced three task-specific modes and clearer upload guidance, so users know where to begin and what to expect.
02 — More space for useful insightsReduced the prominence of uploaded screenshots and prioritized AI insights and reply suggestions.
03 — Easier-to-scan analysis
Organized longer analyses into clear sections with stronger typography and visual hierarchy, making key takeaways easier to find.
04 — More control over repliesAdded reply editing, regeneration, and simulated previews, so users can adjust a suggestion before copying it.
Keep conversation context connected
The original version supported folders and saved chats, but the connection between saving a conversation, choosing a destination, and revisiting its analysis was unclear.
I reorganized this experience around Chat Profiles, clarified profile creation, and brought past analyses and the option to add more chats into the profile detail page.
The original version supported folders and saved chats, but the connection between saving a conversation, choosing a destination, and revisiting its analysis was unclear.
I reorganized this experience around Chat Profiles, clarified profile creation, and brought past analyses and the option to add more chats into the profile detail page.
BEFORE — Original history workflow
01 — Unclear folder organization
The layout and “Add” label left users unsure which chats belonged to folders, what would be saved, and how folders supported ongoing conversations.
02 — Hard-to-find unfiled chatsAbrupt scrolling transitions made chats outside folders difficult to locate. Visible delete icons competed with browsing and increased the risk of accidental deletion.
03 — Limited conversation previews
Image-only thumbnails made saved chats look like screenshots and offered little context about the conversation or its analysis.
04 — Disconnected access to historyUsers had to exit the current screen to access History, interrupting the flow of reviewing saved conversations.
AFTER — Redesigned history workflow
01 — Direct access to history
The side menu brings History and chat profiles together, making saved conversations easier to find and revisit.
02 — Clear profile creationUsers can create a profile directly from a conversation, with a clear explanation of how it supports personalized replies.
03 — More informative records
Message previews, timestamps, and personality tags provide context for reviewing past conversations and understanding each person.
04 — Guided empty statesNew profiles explain their purpose and offer a clear “Upload Chats” action to help users get started.