back to main

MuNi KC case study

muni kc home page hero

Mexican-Thai fusion bar and eatery · River Market, Kansas City

visit live site

overview

MuNi KC is a Mexican-Thai fusion bar and eatery at 316 Delaware St. in Kansas City’s River Market.

mediaBrilliance built the site from a blank page: the architecture, brand system, full menu, live Instagram feed and the move to new hosting. It launched with perfect Lighthouse scores.

results at launch, May 2026

4 × 100 perfect Lighthouse audit at launch
40 hours design through handoff
six pages home, menu, about, contact, careers, privacy
44 menu items zero proof, cocktails, dinner, brunch
live on munikc.com hosted on Bluehost with SSL

site preview

muni kc home page with hand-painted logo and now-serving status
home: hand-painted logo, live now-serving status, rising bubbles
muni kc menus page with zero proof cocktails grid
menu: section filters and a card for every dish and drink
muni kc about page with mission statement and team photos
about: mission, team and the space

services

site architecture page plan, sitemap, semantic HTML
custom design Kalam and Quicksand, crimson palette
menu system card grid, dietary tags, filters
page transitions warm fade that respects reduced motion
Instagram feed behold.so, updates itself
SEO and schema restaurant schema, share cards
accessibility WCAG 2.1 AA, skip links, focus states
domain and SSL Squarespace to Bluehost, free SSL

brand system

A hand-painted logo set the tone: brush-script Kalam headlines over rounded Quicksand body text. Crimson (#C41E3A) sits on near-black (#0D0D0D), with warm off-white (#FAF9F6) text in place of the cold cast of pure white.

lighthouse scorecard

May 16, 2026 · Lighthouse 13.0.2 · Emulated Desktop

100 performance
100 accessibility
100 best practices
100 seo
0.4 s first contentful paint
0.5 s largest contentful paint
0.6 s speed index
0 ms · 0 total blocking time · cls

build timeline, 2026

  1. March 11, foundation: a page plan, visual sitemap and one shared header and footer.
  2. March 17, content and schema: the full menu with dietary labels, hours, a map and restaurant schema for Google.
  3. March 20, client revisions: events and gallery pages cut, header and footer restructured, a homepage photo carousel added.
  4. March 21, design, speed and accessibility: the Kalam and Quicksand brand system, a menu card grid, page transitions, every Lighthouse issue fixed and a brand guide for the client’s own posts.
  5. March 25, menu visuals: eight custom glassware illustrations and a live now-serving status.
  6. March 26, photos and carousel: 11 real photos and a VHS rewind effect when the carousel loops.
  7. March 27-31, Instagram and hero: a zero-proof cocktail section, a live Instagram feed and hero hours with rising bubbles.
  8. April 5, menu rebuild and handoff: a 44-item menu in four sections, a final SEO and accessibility pass and self-hosted fonts.
  9. May 13-14, launch: Formspree forms, the domain moved to Bluehost with email intact and SSL that renews automatically.
  10. Aug. 25-Sept. 19, the menu, kept current: 18 changes from the printed menus, 52 dishes and drinks, a peanut allergen declared, 29 beers and wines added and Google Analytics on every page.

tech stack

HTML semantic, accessible markup
CSS custom properties, mobile-first
JavaScript no framework, minified
self-hosted fonts Kalam and Quicksand
behold.so Instagram feed
Formspree contact and careers forms
Bluehost hosting and SSL
schema.org restaurant structured data

more projects

café corazón seo overhaul · 55 → 100 the embers kansas city cover band river market tattoo squarespace seo and ux o'b's waldo neighborhood bar