Brain Game logo
Case Study 02

Brain Game

Tabletop Helper
Brand Identity AI Chatbot Conversational UX Mobile App Figma
Role
UX & Brand Designer (contracted)
Type
Client project
The 6-Second Summary

A developer’s pencil sketches, turned into a real app — branding, a design system and AI conversation design for a tabletop rules assistant. Built end-to-end in Figma.

The Company

The idea behind the app.

Brain Game gives tabletop players an AI assistant for rules questions mid-game. The developer brought the concept, a few hand-drawn screens and no brand — I built everything from the ground up.

The Research

Meet Jordan.

J
Jordan
Casual tabletop player

Not a hardcore gamer — just someone at a family night, a dorm room, a party. Jordan knows the basics but hits moments of genuine uncertainty mid-game: Can I stack Draw 4s? Does this card override the rules? Is that actually how Free Parking works?

Goals

Play correctly, keep the game moving and avoid being the person who stops everything to argue about a rule.

The Real Pain

It isn’t confusion — it’s the social pressure of not knowing, and not wanting to make it a whole thing.

The Problem

Game night has a UX problem.

Jordan is mid-game. Someone plays a Wild Draw 4. The table erupts — “you can’t stack those!” “yes you can, my cousin plays that way!” The game stops. Someone googles it. Three minutes later you’re back, but the vibe is gone.

Rule PDFs and BoardGameGeek forums only make it worse — they pull you further off the table. There was a clear gap for something that just gave you a verdict, fast, so you could get back to playing.

Jordan doesn’t need a rulebook. Jordan needs a verdict. Fast.

The Draw 4 dispute, settled in one tap — answer first, no essay.
My Role

Where I came in.

I came in as the UX and brand designer when all that existed was an idea and rough paper sketches — no colors, no fonts, no voice.

01Building the entire brand identity from scratch — color palette, typography, icon design.
02Designing all app screens in Figma.
03Defining the AI chatbot’s voice, tone and conversation flows.
The Design Work

Brand, screens, and a bot.

Brand identity.

A blank slate to define from the ground up. The palette landed retro and artsy: rich, muted tones, not the usual primary-color game look.

Cream
#F0EBE0
Ink
#1A1A18
Burnt Orange
#D4713A
Deep Teal
#2E7D72
Bright Teal
#3A9E91
Dusty Rose
#D9AAB5
Muted
#9A9080
Aa
Brain Game
Playfair Display
Display & headings — the personality.
Aa
Officially, no — Draw 4s can’t be stacked.
Plus Jakarta Sans
Body & interface — where clarity wins.
Brain Game icon
A brain with a Candyland-style winding path through it — playful and smart at once.

The screens.

The three screens that carry the product: onboarding, game selection and the AI chat where the real work happens.

Designing the AI companion.

Players need an answer in under 10 seconds, so every word earns its place. I used Claude to design the bot's voice: a knowledgeable friend who's confident, warm, and never over-explains.

The Voice Rules
1Max two sentences per answer.
2Lead with Yes or No when the question has one.
3Answer first, context second — never preamble.
4Never list more than needed.
5Trust the player to follow up — don’t pre-answer questions they didn’t ask.
Quick-tap chips

Pre-set question chips let players ask common questions without typing — less friction when someone’s mid-game and just needs a fast answer.

Draw 4 stacking Calling Uno Wild cards
Before & After — Catan’s robber
Before

“When a 7 is rolled, two things happen: first, any player holding more than 7 cards must discard half of their cards, rounding down. Second, the player who rolled the 7 must move the robber to a new terrain hex…”

After

“Roll a 7 → anyone with 8+ cards discards half. Move the robber to any tile and steal 1 card from a player there.”

The difference between a bot that answers questions and a bot that actually works at a game table.

What I Delivered

A ready-to-build package.

Full brand identity — palette, typography, app icon
Splash and onboarding screens
Game selection and search flow
AI chat interface with quick-tap chips
Conversation design — voice, tone, response rules
Full Figma design system — components, colors, type
The Impact

Ready to build, not just to look at.

What I handed back was ready to build: a full identity, a working design system, defined screens, and a conversation framework any developer could run with.

Seconds
Faster dispute resolution

Two-sentence-max responses mean players get a verdict and get back to the game.

Brand
Identity and design system

A palette and type system that feels smart and warm at once, carried consistently across every screen.

1 tap
Habit-forming

Quick-tap chips mean returning players don’t think about how to ask. That speed builds habit.

What I Learned

Two firsts and one big lesson.

This project was a lot of firsts — my first contracted work and my first time designing an AI voice. Designing for a world I didn’t personally know taught me to lean on research before I touch anything. That instinct — go learn before you go design — carried directly into my work at GoGood.