A food channel, rebuilt as a brand.
Brandon reviews the food of Stockton and the 209 on YouTube and Instagram. We built Loco Eatz a home of its own: a cinematic site, a searchable guide to every feature, a desk where brands can book him, a shop built for limited drops, and a private studio to run it all.
- Client
- Loco Eatz, Stockton, California
- What it is
- A food and travel channel on YouTube and Instagram
- What we built
- Brand system, website, video guide, partnerships desk, shop, and Owner Studio
- Live
- loco-eatz.com, since September 2026
- Built with
- Next.js 16, React 19, Stripe, Upstash Redis, and Vercel
An audience with nowhere to land.
Loco Eatz lives on YouTube Shorts and Instagram Reels. Brandon films honest takes on the restaurants, markets, pop-ups, and food events of Stockton and the 209, then follows the next great plate to Sacramento, the Bay, wine country, and Baja.
The videos found an audience, but the brand had no home: nowhere to find an older feature, nowhere for a restaurant or a brand to ask about working together, and nothing for fans to buy into. The brief was to give the channel all three, and keep what makes it work: one person, one camera, and an honest verdict.
A site that feels shot on his camera.
We built the design language around how Brandon films. A “Loco Cam” layer runs across the site, and his own photos and clips carry every page.
- Viewfinder brackets, a recording light, a running timecode, and map coordinates frame the pages like a camera’s screen.
- His logo, traced to vector and animated, writes itself on screen as the site loads.
- A crimson and gold palette taken from the logo, editorial serif headlines, and arch-framed portraits.
- One color grade across his photos, so a camera roll reads as one body of work.
- Every animation switches off for visitors who ask their device for reduced motion.
Every feature, findable.
The Guide gathers the spots from his channel into one place, each one filmed, eaten, and rated on camera, and makes them easy to browse by place or by craving.
- 41 features across 10 cities, with search, region and cuisine filters, and a most-watched sort.
- Badges for his Loco Approved picks and hidden gems.
- A map of California marking every city in the Guide, from the 209 to Tijuana.
- Tap a card and the video plays right on the page.
A desk where brands can book him.
Restaurants, events, and brands now have a clear way in. The Advertise page explains what working with Loco Eatz looks like before anyone sends a message.
- Four packages, from a single feature to a monthly residency.
- A five-step process and an FAQ for brands weighing a partnership.
- An inquiry form with budget ranges, built to feed the partnership pipeline in his Owner Studio.
A shop built for limited drops.
A merch drop needs a store that can’t oversell. We built the shop around stock that’s enforced at every step, from the product page to the payment.
- A bag that remembers its contents, product pages with restock alerts, and product data search engines can read.
- Stripe Checkout priced on the server from the live catalog, so a customer always pays the current price.
- Sold-out sizes strike through, the bag caps quantities at what’s left, and checkout refuses anything past the stock on hand.
- Each paid order takes its units from stock once, in a single step, and a refund can put them back.
- Checkout opens when a drop goes live.
- 1Product page
- 2Bag
- 3Server-priced checkout
- 4Stock taken once
- 5Order in the Studio
The business, run from one screen.
A private dashboard behind a password and kept out of search. Brandon changes prices, stock, and shipping himself, and the site updates the moment he saves.
Overview
What needs attention today, at a glance.
Orders
Every order from paid to packed to shipped, with CSV export.
Analytics
When people buy and how the shop funnel flows. Every chart can be read as a table.
Products
Prices, availability, and stock for every color and size.
Partnerships
Each inquiry in a pipeline, plus a report for Spotlight advertisers.
Audience
The subscribers to his newsletter, the Loco List.
Settings
Shipping rates, and the channel numbers shown across the site.
Built to hold up.
A modern stack
Next.js 16 and React 19 in TypeScript, styled with Tailwind CSS 4 and hosted on Vercel, with Stripe for payments and Upstash Redis for orders and stock.
Smooth on mid-range phones
On a simulated mid-range phone with its processor slowed four times, the homepage went from 27 to 45 frames per second while scrolling, and dropped frames fell from 38% to 6%. Touch screens skip the effects that cost frames under a finger.
Accessible
Every public and dashboard page was checked with axe before launch, with reduced-motion and high-contrast support, and a color-blind-safe palette for the charts.
Ready for search
Per-page titles and descriptions, a sitemap, a share card, and structured data for the brand, the person behind it, and every product.
Secure by default
Security headers on every page, the dashboard and checkout kept out of search, and every price and stock count checked on the server.
Hard to break
Spots, packages, and products live in typed data files, and the build fails if a page points at an image that doesn’t exist.
Made for the screen his audience watches on.
Shorts and Reels are made for phones, so every page was designed for one first.
Has your brand outgrown its socials?
We’ll show you what a home like this could do for your business. Start with a free AI audit: no obligation, and a clear plan for what to fix first.
See Loco Eatz live at loco-eatz.com