GaiaAI assistant · BuyMore
Case study · AI · E-commerce · Web · 2025

Gaia — shopping that answers back.

A conversational AI assistant woven into the BuyMore storefront. It tracks orders, applies promos, surfaces collections and resolves issues, turning support tickets and dead-end searches into a single, friendly chat.

Role
Product Designer & Front-End
Timeline
5 months
Platform
Web · React
Domain
AI E-commerce
Overview

A storefront with a brain

Shoppers don't want to dig through menus to track a parcel, find a promo or report a problem. They want to ask. Gaia turns the whole BuyMore experience into a conversation.

From a single "Chat with us" entry point, the assistant greets the customer with quick-start actions, then guides them through rich, interactive replies (order cards, tracking maps, month/week order charts and a structured issue form) without ever leaving the thread.

We owned the experience and the front-end: the dual-pane chat workspace, the quick-action launcher, every interactive bot card, and a soft, approachable visual language that sits comfortably inside the wider store.

What we did

Conversational commerce, end to end

Assistant UX

Designed a dual-pane chat, history rail plus an active thread of rich, tappable bot replies.

Interactive cards

Order summaries, a tracking map, drill-down order charts and a guided issue form, all inline.

Front-end build

Implemented the chat surface, quick actions, charts and form flows as a responsive React app.

Soft UI system

A lavender-and-cream language with violet accents that reads friendly, not robotic.

Live demo

From "Hi" to resolved

Gaia opens with quick options, then keeps the customer in flow, provide an order number and a tracking card animates in, with next-step actions ready underneath.

Track  my order Apply  promo Order  history Report  an issue
Recorded flow
Gaia assistant — recorded order-tracking conversation
The screens

Every answer is a moment

Gaia — new chat with quick options
01 · Quick startGreet & guide

A friendly welcome with six quick actions so customers never face an empty box.

Gaia — order tracking result
02 · Track my orderOrder, mapped

An order card with items, a live tracking map and clear next-step buttons.

Gaia — order history charts
03 · Order historyDrill into the data

Month and week order charts the customer can tap to expand, right in the chat.

Gaia — report an issue form
04 · Report an issueStructured support

A guided form (issue type, photo upload and contact details) submitted without leaving the thread.

Inside the assistant

What makes Gaia helpful

Quick actions

Track orders, apply promos, ask about products, browse collections, buy a gift card.

Rich bot cards

Replies render as live cards: order summaries, maps, charts and forms, not flat text.

Tappable charts

Order activity by month rolls down to weeks and individual orders on demand.

Chat history

A results rail groups past threads by day so customers can pick up where they left off.

Color system

The Gaia palette

Assistant Gradientviolet → blue
Gaia Violet#7C5CFF
Bot Mint#BDEECB
User Yellow#FBE7A0
Lavender#EFE9F7
Ink#1C1733
Live showcase

See Gaia hold
a conversation.

Walk through the storefront and the assistant: quick actions, tracking maps, order charts and the issue flow.

Back to the top