Case Study

One brand.
Four systems..

One client, the full stack: brand identity, website direction, a playable club mahjong game, and an autonomous Pinterest pipeline for an upscale social club in Boca Raton, Florida.

Status Live · Client Delivered
Client Four Sparrows Social Club, Boca Raton FL
Category Brand + Automation Delivery
Built 2026
At a glance

What is Four Sparrows: Brand to Automation?

The Four Sparrows Social Club engagement is the clearest picture of what JQ AI SYSTEMS actually sells: design and automation as one delivery. For an upscale women's mahjong parlor and social club at Mizner Park in Boca Raton, Florida, I delivered the complete brand identity, the website direction through a documented WordPress handoff, a playable American-style mahjong web game built from the brand brief, and an autonomous Pinterest marketing pipeline that posts one branded pin every day at zero running cost.

The Problem

What was broken.

Four Sparrows Social Club is a new upscale mahjong parlor and social club opening at Mizner Park in Boca Raton, Florida. The world it wanted was specific: a private club on a Palm Beach veranda, Old Florida hospitality, soft chinoiserie, muted sage and dusty coral on ivory with brushed gold. Mahjong itself carries the brand: "mahjong" translates to sparrow, and a winning hand is four sets.

The founder needed everything a new club needs before opening day, and none of it existed: a brand identity, a web presence, launch marketing that runs without anyone scheduling posts by hand, and a way to keep the project itself organized between client and designer. Buying those as four separate engagements from four separate vendors is slow, expensive, and the pieces rarely match.

The question this project answers: what does it look like when one studio delivers brand, web, product, and marketing automation as a single coherent system?

The Approach

What was built.

Everything grew from one brand foundation. The logo suite (sparrows in a quatrefoil, green linework, coral serif type), the color guide, and a written brand brief defined the world once. Every later deliverable, from website concepts to game tiles to Pinterest pins, reads from that same foundation, which is why the pieces match.

The website went through real client iterations: three concept directions, a live coming-soon signup page at foursparrowsmahj.com, and a v4 handoff documented for the client's WordPress, WooCommerce, and Elementor Pro build, with standalone assets, retina versions, and WCAG 2.1 AA contrast constraints written into the spec. Client feedback was tracked and preserved, including exclusions: when the client decided a deliverable did not fit her site, it was removed and documented so it never crept back in.

The mahjong game was built in Claude Code from four inputs: the brand brief, the final logo files, one background image, and one layout mockup. Out came a full American-style mahjong web app with a custom 24-hand club card, AI opponents, and offline play. The Pinterest pipeline closes the loop: 134 branded pins, prepared once, now publish themselves one per day on a free-tier stack with no manual scheduling.

How It Works

Architecture in plain English.

01
Brand foundation
Full logo suite in RGB and CMYK across AI, EPS, PDF, SVG, and PNG, a brand color guide, and a written brief that defines the palette, tone, and world every later deliverable reads from.
02
Website direction
Three concept designs, a live coming-soon signup page at foursparrowsmahj.com, and a documented v4 handoff for the client's WordPress, WooCommerce, and Elementor Pro build, with asset naming, retina exports, and WCAG 2.1 AA constraints in the spec.
03
Club mahjong game
American-style mahjong (152 tiles, full Charleston, jokers) as an installable web app that plays fully offline. A pure TypeScript rules engine, a custom 24-hand Four Sparrows club card stored as editable data, three AI opponent personas, and coaching hints for new players. Hand-drawn SVG tiles in the brand palette: the 1-Bam is a sparrow.
04
Autonomous Pinterest pipeline
Cloudinary hosts 134 branded pins, a GitHub Actions cron fires daily, and the Buffer API publishes the next pin to Pinterest. A committed cursor file tracks progress. Free tier end to end: no scheduler subscriptions, no manual posting.
05
Shared project board
A password-gated Next.js and Supabase kanban board where client and designer track to-do, in-progress, and done work with notes, screenshots, and a launch countdown. The delivery process itself became a system.
Try It

See it in action.

Public proof

The game is playable in the browser, the Pinterest account posts daily, and the growth receipts are public. Metrics shown are monthly views (reach) as of July 2026.

Stack

Built with.

Adobe Illustrator GPT Image Claude Code React TypeScript Vite PWA Vitest + Playwright Node.js Cloudinary GitHub Actions Buffer API Next.js + Supabase
Outcomes

What changed.

4 deliverable systems from one brand foundation
134 branded pins publishing autonomously, one per day
7.1K Pinterest monthly views about 4 weeks after launch (as of July 2026)
$0/mo running cost for the Pinterest automation stack

The growth numbers are views, not sales, and they are date-stamped for a reason: they will change. What does not change is the shape of the delivery. The brand came first, and then every system read from it: the website spec, the game tiles, the daily pins. That is the difference between buying four services and commissioning one coherent system.

Free Consultation

Want a system
like this one?

Book a free 30-minute call. We map your situation, scope a similar build, and agree on a fixed quote before anything starts.

Book Free 30-min Call