The BNK Café — Case Study · Sarah Lee
← Back to Work
Case Study · Real Client · Shipped & Live-Tested

The BNK
Café

Nobody asked me to build this. I watched customers give up on phone orders — so I pitched the owner, designed the solution, and shipped it myself.

HTML / CSS / JS / PHPBrand Identity Live Testing2021 – 2023Marketing & Web Lead
The BNK Café storefront — Arlington, TX
The BNK Café · 2400 E Arkansas Ln, Arlington TX
40+
Dishes in dynamic menu
2 yrs
Owned brand & web
3-step
Redesigned order flow
$
Revenue as success metric
The Problem

A beloved café with no digital front door.

The BNK Café was a family-owned Vietnamese restaurant and late-night venue in Arlington with a loyal community — and no website. Every order came in by phone. Marketing lived in scattered social media posts.

Working there on marketing, I watched the friction firsthand: customers giving up mid-order because the only path was a phone call during a rush. Nobody asked me to fix it. I pitched the owner on a website — then designed and built it myself.

The Pitch

Give the café a digital face: a brand customers recognize, a menu they can browse, a reservation they can make at 1 AM — and an ordering path that doesn't require a phone call.

Phase 01
What I Built

A complete responsive multi-page web application, hand-coded in HTML, CSS, JavaScript, and PHP:

Dynamic menu system — 40+ dishes, bilingual names (English + Vietnamese), dietary tags, data-driven rendering from a single source
Online reservation system — form validation, date restrictions, confirmation modal flow
Event platform — carousel, full-screen gallery, and booking section for the café's live events
Brand identity — consistent visual system across the site, event flyers, and print
Original BNK Café website — menu page
The original site — hand-coded PHP, mobile-first

The Brand in the Wild

The visual system extended beyond the site — event programming became a core growth channel, from celebrity chef tastings to themed nights.

BNK Café event flyer — World Food Champion dinner BNK Café dish BNK Café event
Phase 02
How I Tested It

I ran live sequential testing on the ordering experience — real customers, real orders, real money:

1
Launch — shipped the initial web ordering flow
2
Measure — tracked online vs. call-in orders and revenue for 2–3 weeks
3
Redesign — streamlined the flow into a three-step process based on observed behavior
4
Verify — ran the same comparison again to confirm ordering got easier
Methodology Note

Sequential rather than split-traffic A/B — with revenue as the success metric. Ship, watch behavior, refine, verify. It's still how I work.

Observation drove the business side too: watching which event formats drew crowds led to recurring high-margin programming — planned and executed end-to-end.

The Outcome

The business changed. The work — and the lesson — survived.

The café's digital presence and event programming grew together. The business later changed ownership after losing its liquor license, and the domain was retired with it. The full codebase, brand system, and results survive — and so does the lesson: design decisions are business decisions.

Epilogue · 2026
The React Rebuild

I rebuilt BNK's menu system in React — the full 44-dish menu as component-based architecture: props-driven menu cards and live category filtering with state.

The original PHP version re-rendered the entire page on the server for every request. The React version holds state client-side and updates instantly. Rebuilding my own shipped product in a new architecture was the clearest possible lesson in why modern front-end frameworks exist.

Architecture Note
Same design system. New engine.

PHP (2021): foreach loops stamping server-rendered HTML; full page reload per interaction.

React (2026): one MenuItem component, 44 data-driven instances, useState-powered filtering — adding a category requires zero component changes.

Original PHP menu
· PHP — server-rendered
React rebuild of the BNK menu
· React — component-based, live filtering
Tools & Skills

Stack & Methods

HTML / CSS / JavaScript / PHP — production front-end
React — rebuilt menu system (components, props, state)
Live sequential testing — revenue-metric iteration
Brand identity — digital & print system
Event marketing — observation-driven programming
Key Outcome

"I saw the friction, pitched the fix, built it, and measured it with real revenue. BNK taught me that shipping is a design skill — and that the user's easiest path is the business's best one."