Websites, web apps, kiosks, and landing pages by John Fox.
From a single landing page to a full-stack product with three API integration philosophies. Each capability has a pillar of evidence below.
Paired mobile + web products that share data through REST, GraphQL, or SOAP. Three integration philosophies, three case studies, three real products.
Multistep flows built for fingertips: restaurant POS, cinema booking with seat maps, and a luxury car configurator. Three fully-designed kiosks — the Porsche live in production and the other two with interactive in-browser demos.
Single-purpose conversion pages: knife-makers to ski guides, observatories to letterpresses. Ten dedicated examples that prove the discipline of one screen, one decision, one CTA.
Fifty in-depth design studies across hospitality, healthcare, retail, B2B SaaS, the arts, civic. Dark/Light mode, hand-picked photography, a complete information architecture, and a CMS-tier recommendation.
Three paired products, same idea, two surfaces each, three deliberately different integration philosophies. SOAP signs every envelope. GraphQL flows over websockets. REST uses idempotency keys.
Private banking · "Returns measured in decades."
SOAP + WS-SecurityOnyx + brushed gold, editorial serif. The mobile app signs every envelope with WS-Security; the web app reads the same signed payloads but renders them as a quarterly statement. Trust-grade integration for clients who measure performance in decades.
Strength training · "Week 4 of 12. Keep going."
GraphQL + WebSocketsWhite + coral, condensed display type. The phone runs your rest timer offline; the web app shows the live gym leaderboard streaming over a GraphQL subscription. Same schema, two surfaces, instant updates the moment anyone finishes a set.
Food delivery · "Foraged tonight. Delivered in 25."
REST + Idempotency KeysOff-white + sage, classical serif. The phone places an order with an idempotency key the moment your thumb hits "Order"; the web app shows the same order moving through the kitchen on a live timeline. Network hiccups won't double-bill. Classical typography over a sage palette.
Same product, two surfaces, three different integration philosophies.
A featured production kiosk plus two proof-of-concept demos. Restaurant POS, cinema booking, and a luxury car configurator. Designed for fingertips, deep data modeling, no kiosk-mode UX clichés.
A standalone production kiosk that lives at porsche.blulantern.com. Two real GLB models (992 Carrera 4S + 1975 930 Turbo, ~22 MB each, by Lionsharp Studios), real-time paint retint, photo-overlay cockpit callouts, and a seven-screen flow ending in spec sheet + reserve. Built with React + Three.js + Vite.
Launch demo →Sit-down POS with table selection, multi-category menu, item customization, allergen tracking, dietary filters, split checks, and live status. Cormorant Garamond + Bodoni serif, warm earth tones, no shouty kiosk language.
Launch demo →Ten-step booking flow: film select, format (Standard / Recliner / IMAX 70mm), date+time heatmap, 8-row seat map with accessibility seats, concessions, membership tiers, perforated ticket confirmation with procedural QR. Playfair Display, gold-on-navy.
Launch demo →Three verticals, three visual languages, every pixel drawn
Ten dedicated single-purpose pages. One screen, one decision, one CTA. Knife-makers to ski guides, observatories to letterpresses. Each is typography-led, fully self-contained, and tuned for a single audience.
Engagements move fast and stay transparent. You'll know what's being built, what's deferred, and why.
A focused conversation about goals, constraints, and what success looks like.
Scope, architecture, and timeline agreed in writing before code gets written.
Iterative builds with weekly checkpoints. Progress you can see, not status reports.
Documentation, handoff, and optional retainer for ongoing work.
You're not handed off between sales, account management, and a junior dev. You work with me, directly, from kickoff to delivery.
Most consultants either build things or talk about building things. I do both which means recommendations come with working code.
Tell me about your project.
