screamers soda.
19 pages. one game.
dirty soda & float shop in downtown upland. the site carried the business from "coming soon" through launch events, grand opening, and every day since.
● LIVE
PAGES
▸ home with drink menu, grand-opening countdown, press strip, reviews
▸ our story · locations (with franchise form) · catering (quote form) · events · press (with press-night RSVP)
▸ community / gives back: quarterly nonprofit, giving reports, nominations
▸ join the team: full application with a day-by-day availability picker
▸ contact · link-in-bio · privacy requests · branded thank-you for every form
THE WEIRD STUFF
▸ a hidden in-store menu with prices, reached only by QR while you wait in line. prices stay off the public site.
▸ "catch the scream": a 30-second game customers play in line, with scores, ranks and a saved high score
▸ RSVP system with night selection and a timed "get a sip first" pop-up; swapped to walk-in in minutes when plans changed
▸ live countdown, add-to-calendar, announcement bar on every page
UNDER THE HOOD
▸ 7 working forms with spam protection and custom confirmations
▸ search-ready: google business details, page descriptions, clean URLs
▸ keyboard-friendly, screen-reader labels, skip links, reduced motion
▸ no site builder, so it loads fast on a phone in a parking lot
▸ same-day updates for menu changes, events and photos
BEYOND THE SITE
▸ instagram + tiktok posts, reels and animated videos
▸ 11×17 in-store menus, event menus, QR signage
▸ staff recipe sheets, station code sheets, opening/closing checklists
▸ square POS button tiles and tip-jar signs
scream hub.
the app that runs the shop.
a branded all-in-one app for the team at screamers: training, recipes, schedules, time clock, labor and live profit. works on crew phones and the store iPad. launched for the grand opening, used every shift since.
● CREW APP
TRAINING
▸ 17 interactive modules with slides, quizzes and a digital training card; certification when all 17 are done
▸ scream rush: a drink-building game that teaches the menu
▸ new-hire onboarding form: contact, availability, food handler card
▸ invite-only accounts, so only approved crew get in
SHIFT BOARD + TIME CLOCK
▸ daily lineup with color-coded stations; california break & lunch planner built from each shift
▸ auto-assigned opening / mid / closing tasks; 86'd tracking; batch log
▸ big-button iPad clock, phone-number clock-in; lunch lock until 30 minutes are up
▸ missed, late or short lunch → alert, employee answers before approving hours
▸ employees approve their own hours each pay period; owner edits, merges, views by pay period
▸ one-tap payroll export: regular, OT, double-time, event rates, break premiums, card + cash tips
MONEY (OWNER ONLY)
▸ live labor %, sales per labor hour, overtime alerts — all from square
▸ live profit for the day: sales minus COGS, labor, card fees, rent, bills
▸ break-even meter, "where every $10 went", month-to-date pace
▸ labor lab + money lab: what-if sliders that teach shift leads to bring labor down
BUILT RIGHT
▸ role-based access: owner, shift leads, crew, one approved store iPad
▸ pay and sales stay private to the owner
▸ any phone or tablet, no app store; updates itself
▸ supabase · netlify · square API · sling · gusto workflow
rad hub.
certify a barista.
private training app for a multi-location coffee company. new hires work through it on the store computer before their first shift: sign in, learn the bar, pass certification, get signed off by a trainer.
● CREW APP
THE APP
▸ sign-in by phone number with store codes, so each hire joins the right location
▸ owner dashboard: add crew, reset passwords, track onboarding; roles for baristas, shift leads, team leads
▸ shared-computer safety: session ends when the tab closes, auto sign-out after 15 minutes
▸ training content encrypted inside the app (AES-256-GCM), unlocks only for signed-in crew
25 MODULES
▸ company basics, workplace safety, operations binder
▸ 7-part drink course: machine/grinder/blender, pulling & dialing in, steaming & food safety, blended drinks, the full recipe book incl. seasonal, cleaning & pest prevention with checklists, certification
▸ drink guide also delivered as a shareable doc and a 31-page PDF
CERTIFICATION + RAD RUSH
▸ 72-question knowledge quiz, 80% to pass; 16-skill hands-on sign-off for trainers
▸ rad rush: a timed game that simulates a real rush — 32 tickets across three rounds, trick tickets, 10 "chaos cards" (milk spill, ants on the syrup shelf, health inspector walks in)
▸ points, penalties, ranks from green bean to rad legend; practice and quick-quiz modes
▸ 15-page printable version with cut-out cards, score sheets and trainer answer keys
a's custom vinyl.
DMs → order builder.
a family sticker shop that was taking most orders through DMs. now it's a store with a working order builder, real checkout, and a brand kit built out from the logo they already had.
● LIVE
THE STORE
▸ order builder: size + quantity from the price chart, upload up to 4 designs, live sticker preview, check out
▸ stripe: real card checkout, automatic CA sales tax, free UPS over $50, local pickup
▸ 4 product lines · customer accounts with email-code login, order history, one-click reorders, 2% store credit
▸ order tracking · private HQ dashboard for every order, artwork, invoices, job sheets, tracking numbers
▸ 8 automatic emails · legal pages · everything in their name
THE BRAND KIT
▸ expanded the existing logo into a system: colors, type, exports, favicons, app icons, social graphics, a brand guide
▸ skate-inspired design: chunky type, retro desktop windows, folder-style portfolio, a skateboard grinding a rail across the ordering steps
▸ all the copy: pages, emails, interface messages, social bios
pop & pour.
the quiet one.
luxury mobile bar. the opposite brief from screamers: serif, cream, a trailer photographed like a car ad. proof the loud stuff is a choice, not a default.
● LIVE
WHAT IT DOES
▸ packages, menu, the experience, and a reserve-your-date flow that asks the right questions
▸ built in one sitting: three full rebuilds as the direction changed, 22 revision rounds, 11 font pairings tried side by side
▸ full 390px mobile build, not a squished desktop
▸ netlify form + thank-you page, privacy & terms, SEO/OG so it previews right in texts
two more.
mine.
my own coffee company's site and my founder page. i practice on myself first.
● LIVE
coffee shop group → online menu, merch, locations, seasonal drops, gift cards.
● LIVE
founder site → portfolio, press, the things i'm making.
ON THE WORKBENCH NOW ▸
Nate's Plumbing · site + logo rebuild
soft serve mobile unit · coming soon
+ more