Litespace Coffee Chat cover

Litespace Coffee Chat

AI powered coffee chat for intentional, pressure-free pairings across hybrid teams. 63% opt-in, 200+ chats in month one.

Project Type

Professional

Timeline

Sep 2023

Team

1 Engineer
Product Designer (Me)

Tools

Figma
ChatGPT

What I did

Bridging the gap between structured meetings and casual interactions

Litespace is an AI-powered enterprise platform that helps organizations improve engagement and satisfaction in hybrid and remote workplaces. Coffee Chat is an enterprise 0-to-1 solution designed to spark spontaneous, meaningful conversations across distributed teams. It turns routine meetings into casual yet purposeful interactions that strengthen culture.

Driving engagement and adoption across hybrid teams

63%

Users opted into Coffee Chat within the first month, signaling strong early adoption

200+

Chats generated in the first month through auto-matched pairings

$4.5M

Company valuation reached alongside the Coffee Chat launch and other key feature rollouts

Remote teams lack casual social interactions

To improve team connection in hybrid and remote environments, I identified key challenges through observations, customer feedback, and teammate interviews.

Lack of Spontaneous Interactions

In hybrid and remote environments, opportunities for spontaneous, meaningful conversations are limited, leading to reduced team cohesion.

Sense of Disconnection

Traditional work models often create a disconnect among team members, particularly in settings where remote and in-office work are mixed.

Ineffective Communication Channels

Existing meeting structures tend to be formal and rigid, making it difficult to foster casual, purposeful interactions.

Why existing tools fall short

To understand how others addressed casual interactions, I conducted a competitive analysis of Slack bots, virtual spatial platforms, and co-working tools.

Category Tool Pros Cons
Slack-Integrated Matching Bots Donut (Slack bot) Seamless Slack integration
Fully automated matching
Scales for teams
Feels robotic
Repetitive if not personalized
Watercooler Trivia Fun and engaging
Low effort to run
Shallow connection
May become distracting over time
Virtual Spatial Platforms Gather Spatial, playful interaction
High sense of presence
Requires onboarding
Can feel game-like and distracting
Co-working Tools Focusmate Promotes deep work
Accountability-based
Lacks social/casual interaction
Meant for individual focus

Existing tools approach casual interaction from different angles, such as automated matching, shared spaces, or structured activities, but few clearly communicate the reason behind a specific pairing or reduce the social pressure of starting the conversation. This insight shaped Coffee Chat's direction: combining intentional pairing with a low pressure experience, without requiring direct message coordination.

Designing intentional connections with minimal social pressure

Automated Pairing with Purpose

Match employees and clearly communicate the reason behind each pairing, helping users feel confident about joining.

Conversation Starters

Suggest engaging topics or icebreakers to help participants initiate conversations comfortably.

Smart Scheduling

Allow users to select preferred times and automatically schedule chats within available time slots.

Cross-Department Matching

Enable connections between employees from different teams to break down silos and foster networking.

Launching a new feature ahead of the rebranding

The product was transitioning from a green-dominant identity to a modern blue-focused visual system, but the rebrand was still in progress. We had just two weeks to design and release the coffee chat feature. This pushed us to focus the MVP on enabling one meaningful chat per week.

Creating meaningful pairings

Early feedback showed users were more likely to accept a coffee chat when they understood why they were paired. Through research, I identified the GPT-3 API's potential to infer meaningful connections from lightweight signals such as onboarding inputs, profiles, post chat feedback, and shared Slack channel participation, without accessing private messages, and persuaded the team to pursue this direction. The system then generates a brief pairing explanation so users can quickly understand why the match makes sense.

Rule-Based Pairing ChatGPT-Enhanced Pairing
Logic Matches people randomly based on simple criteria (e.g., same team or time zone). Analyzes roles, interests, and collaboration patterns to find meaningful overlaps.
Experience You're paired with Alex based on department and timezone. You're paired with Alex because you both mentor new hires and enjoy UX meetups.
Outcome Often feels random, leading to short or awkward chats. Feels purposeful and relevant, leading to deeper, more engaging conversations.

Mapping the user flow

A key challenge was mapping different user scenarios, since participants could see different screens based on their actions. I compared the message-based coordination flow common in existing tools with the one I designed for Coffee Chat. While existing tools rely on back-and-forth direct messages, Coffee Chat removes messaging entirely, provides clear fallback paths, and reduces user pressure through default states and automated scheduling.

Existing Coffee Chat Tool User Flow

  • Manual scheduling
  • Message overload
  • High drop-off
User A receive chat pairing DM notification sent Send DM or email to schedule Multiple back-and-forths Meeting confirmed Calendar link created

Our Coffee Chat Flow

  • Automated pairing
  • Clear fallback path (reschedule or skip)
  • No direct message coordination needed
User A receive chat pairing Accept chat (default) Reschedule chat Select user B's proposed time Suggest new times to user B Waits for user B's confirmation Decline / No response Next pairing in cycle Meeting scheduled

Simplifying coffee chat's interface

Faced with a complex UI, I initially designed a multi-functional widget. User testing revealed its high cognitive load, leading me to divide it into two simpler widgets for availability and reasons, which received more positive feedback during internal A/B testing.

Before
Original multi-functional widget
After
Split into two simpler widgets

Optimizing meeting format selection

I explored letting users choose between virtual and in-person meetings, but A/B testing showed it caused delays and confusion. In-person meetings were rarely chosen in our remote and hybrid setting. We removed the selection to simplify scheduling and reduce cognitive load.

Before
Before: meeting format selection
After
After: simplified scheduling without format selection

Seamless scheduling with contextual matchmaking

The Coffee Chat feature automatically pairs users each week based on their availability, integrating with Google Calendar. Matches include context on shared interests and suggested topics to facilitate conversation. The chat is set to "Going" by default, ensuring a seamless scheduling experience. Users can reschedule or decline if needed. Upon both users' confirmation, the system generates a Google Meet link and adds it to their calendar, making it easy to connect and engage in meaningful conversations.

Seamless scheduling with contextual matchmaking

Handling chat declines without friction

If either participant declines, both users see a notification. The system does not require a reason for declining. Users are simply notified that their next coffee chat will be scheduled in the following cycle.

Handling chat declines without friction

Flexible scheduling for better availability

If user wants to reschedule, he can choose from alternative time slots automatically recommended based on both users' availability. This simplifies the process by providing quick, pre-selected options, allowing for a smoother scheduling experience. Once both users agree on a new time, the chat is confirmed.

Reschedule with recommended time slots

If the other user proposes new times, user can review and select a slot that works for both. This ensures flexibility while maintaining a structured approach, reducing the need for back-and-forth coordination and making it easier to finalize meetings.

Review and select proposed times

If none of the other user's suggested times work, users can propose their own availability for the other person to review. This flexible approach simplifies scheduling and increases the likelihood of finding a mutually agreeable time.

Propose own availability

New identity design system

I collaborated with another designer to build the atomic foundations of the new identity design system, defining color tokens and typography. I also created molecule-level components that balanced consistency with flexibility for different product needs.

New identity design system

What I learned

Designing Coffee Chat during the shift from a green-dominant identity to a modern blue-focused system taught me how to stay flexible while keeping the experience clear and lightweight. With only two weeks, I focused the MVP on one meaningful weekly pairing and removed anything that added friction. Working with early AI pairing logic gave me a deeper understanding of how contextual signals shape user trust.

Hey, I'm Chang. Well, the AI version. Feel free to ask me anything.

Powered by Claude Haiku 4.5