O’B’s Neighborhood Bar case study

overview

O’B’s is a neighborhood bar in Waldo, Kansas City, open Tuesday-Sunday from 4 p.m. to 1:30 a.m. The site launched in August as a holding page with two jobs: say what the place is and where to find it.

An illustrated scene crossing the foot of the screen made the holding page memorable. When the bar opened in September, the site grew instead of being replaced: Now Open, the hours and the full menu on its own page.

site preview

key features

design decisions

The brand’s display face is licensed for print only, so the wordmark ships as outlined paths. Body copy runs in a self-hosted open-license face subset to 20 KB, with no font CDN and no embeds.

The scene is inline SVG animated by CSS, paced by one custom property so every limb stays in step. Under reduced motion both figures park on screen rather than leave half the page empty.

The menu got its own page because the front page is one fixed screen. It also corrected the site: the search description had promised chicken tenders, and the printed menu has hot dogs and no tenders.

Analytics arrived at the client’s request, and the privacy policy was rewritten in the same pass to name what the site collects.

process

1. discover: what it is, where it is and nothing else yet
2. design: brand-led, wordmark first, one illustrated scene
3. develop: components and self-hosted fonts, no font CDN or embeds
4. document: a launch handoff and what the listing still needs
5. deploy: Bluehost, deployed on every push and checked against the live site
6. grow: Now Open, the hours and the full menu
7. done: live at obsbarkc.com

tech stack

more projects