Joe & the Juice/
Digital platform for the global coffee and juice bar brand — healthy, made-to-order menu surfaces, store locator, careers, and event bookings at scale.
Browse the project/
Swipe through the shipped surfaces — one screen at a time.
A brand surface that scales with the stores/
Joe & the Juice is a community-focused brand with a made-to-order menu and a strong visual identity. The platform had to carry that identity across menu, locator, careers, and events — in every market.
The work spanned the menu surfaces, store locator, careers funnel, and event bookings — all served from a Vue.js front-end against a NestJS API with PostgreSQL behind it. Tailwind UI for speed, custom design tokens for brand fidelity.
The brand has a strong voice and a tight set of typography, photography, and motion rules. The platform had to enforce that without becoming brittle when a market wanted to localize.
Highlights include a store locator that handles 300+ stores across markets, a menu surface that supports combo offers and seasonal launches, and a careers funnel that respects local labor regulations.
Fuel Your Purpose — the brand on the homepage/
The homepage carries the brand's photography and voice front and center. Motion is deliberate and on-brand; the menu and store CTAs are one tap away.
- Editorial hero with motion + photography rules
- See the Menu / Get the App CTAs above the fold
- Accessibility-first focus management
Menu surfaces that move with the seasons/
Combo Offers, Hot Picks, Sandwiches, Salad Bowls, Breakfast Bowls — a menu surface that handles seasonal launches without a content freeze.
- Seasonal and per-market menu launches
- Order overview with combo bundling
- Per-store pickup support
300+ stores, one locator/
Mapbox-backed locator with per-market store data, opening hours, and live status. Tested on devices that should not have been Friday-night browsers.
- Mapbox vector tiles + cluster pins
- Per-store opening hours + live status
- Deep-links into pickup/order flow
Careers funnel and event bookings/
Careers respects local labor rules; event bookings handle the brand's catering and partnership flow. Same design system, different shape.
- Localized careers funnel
- Event bookings with calendar integration
- Same component library across all surfaces
From hero to checkout/
A walk through the brand site surfaces in production.
A brand site that scales without losing the brand/
If you're building a multi-market retail or F&B platform and want the brand to hold up across every market — that's the engagement.