Case Study

Conversations That Convert

Designing a multichannel conversation management platform that unifies chat, payments, and commerce

Hero Image

01. Overview

Unifying conversations, commerce, and payments

Reach Tools is a multichannel platform that centralizes customer conversations from WhatsApp, Instagram, and Facebook Messenger into a single inbox—while integrating product catalogs and enabling in-chat payments. As a Meta Business Partner, Reach serves businesses across Latin America selling through social media and digital channels.

The design challenge: taking a complex ecosystem of messaging channels, payment gateways, product catalogs, and team workflows and making it feel like one seamless tool that sales teams and customer service agents can master quickly.

Centralize multichannel conversations in one inbox

Enable secure in-chat payment processing

Integrate product catalogs directly into conversations

Provide real-time analytics on sales and service performance

Platform Dashboard

02. My Role

End-to-end product design for conversational commerce

Leading design for a platform that serves sales agents, supervisors, and business owners—each with distinct needs and workflows.

Conversation Experience

  • Designed the unified inbox for managing conversations across WhatsApp, Instagram, and Messenger

  • Created interaction patterns for in-chat payments and product sharing

  • Built automation and chatbot configuration interfaces
  • Designed notification and routing systems for multi-agent teams

Commerce & Payments

  • Designed payment flows supporting multiple currencies and gateways

  • Created product catalog management and sharing experiences
  • Built transaction tracking and reconciliation interfaces
  • Designed secure payment confirmation and receipt patterns

Analytics & Operations

  • Created dashboards for tracking lead-to-sale conversion
  • Designed team performance and agent productivity views
  • Built reporting tools for campaign attribution and ROI
  • Designed admin interfaces for team management and permissions

03. Key Challenges

Speed and simplicity in a complex ecosystem

Challenge 1

Making multichannel feel like one channel

Conversations arrive from WhatsApp, Instagram DMs, Facebook Messenger, and web chat—each with different capabilities, media types, and limitations. Agents shouldn’t have to think about which platform a message came from.

The experience needed to be channel-aware but channel-agnostic in how it feels to use.

Unified Inbox

Approach

Single conversation thread with subtle channel indicators

Smart compose that adapts to each channel’s capabilities

Unified customer profiles that aggregate cross-channel history

Quick actions and shortcuts optimized for agent speed

Payment Flow

Challenge 2

Payments inside conversations without breaking flow

Processing payments within a chat session is inherently complex: multiple currencies, different payment gateways, security requirements, and the need to keep the conversation natural while handling financial transactions.

Approach

  • Designed inline payment cards that feel native to the conversation

  • Created progressive security verification without redirecting away from chat

  • Built clear status indicators for payment lifecycle (pending, confirmed, failed)

  • Designed fallback patterns for when payment methods aren’t available

Mobile View 1
Mobile View 2
Mobile View 3

04. Process

Designing for speed in a high-volume world

Agent-Centered Design

Sales agents handle dozens of simultaneous conversations. Every interaction was designed to minimize clicks, reduce context-switching, and keep agents in flow state.

Seconds matter when you’re juggling 30 conversations.

Data-Driven Iteration

Continuous improvement driven by real usage patterns:

  1. Observe agent workflows in real sessions
  2. Identify friction points and drop-offs
  3. Prototype and A/B test improvements
  4. Measure impact on conversion and response time

Platforms & Integrations

WhatsApp
Instagram
Messenger
Figma
React
Meta APIs

05. UX Strategy

Designing commerce that feels like conversation

Speed is the feature

Every millisecond counts in real-time chat.

Context is everything

Surface the right information at the right moment.

Commerce should feel natural

Payments and catalogs within the conversation, not outside it.

Scale without complexity

Simple for one agent, powerful for teams of fifty.

Platform Overview

06. Business Impact

Measurable improvements across the platform

Conversation Management

  • Centralized conversations across channels into a single workflow

  • Reduced agent context-switching and response times
  • Improved customer satisfaction through faster resolutions

Commerce & Revenue

  • Higher lead-to-sale conversion through in-chat commerce
  • Increased card transactions for affiliated merchants
  • Reduced friction in the purchase process

Operational Efficiency

  • Faster agent onboarding through intuitive interface design
  • Reduced operational costs through automation
  • Better campaign ROI through attribution and analytics

07. Outcomes & Learnings

What Worked

  • Treating agent productivity as the primary design metric
  • Making payments feel native to the conversation—not like a separate step

  • Building for the LATAM market’s specific payment and messaging patterns

  • Rapid adoption driven by agent-friendly onboarding flows

Lessons Learned

  • Conversational commerce UX must respect the pace of real conversations

  • Multi-currency and multi-gateway adds invisible complexity to every flow

  • The best agent tools feel invisible—they reduce cognitive load, not add to it

  • Regional context matters—what works in one market may not translate directly

“The future of commerce isn’t a checkout page—it’s a conversation. Design should make that transition seamless.”

Final Product Overview

Let's Connect

Whether you're building a product, scaling a design team, or exploring what great UX could unlock for your business — let's find out what's possible together.