Fresh 'n Nova — isometric delivery truck driving a night city
Case study — Mediterranean food & distribution

Fresh 'n Nova

A 2014 WordPress site rebuilt as a cinematic, scroll-driven experience — you fill the tub with hummus by scrolling, and watch the delivery truck roll through the distribution city.

IndustryFood · Dips & distribution
Products11 dips + bakery line
ServicesWebsite · Motion · Brand story
Timeline[X] weeks
01 — Challenge

A great product hiding behind a 2014 website.

Fresh 'n Nova makes genuinely good Mediterranean food — eleven hummus and garlic-fluff varieties, babaghannouj, a full bakery line — and sells into real grocers. But their website was a decade-old WordPress theme: a static slider, product photos locked at 400×250 pixels, and no trace of the thing that makes the brand special — that it's fresh, made in a kitchen, and driven to shelves every day.

The site said "small food blog." The business is a distributor. That gap was costing them wholesale credibility.

The isometric night-city built for the distribution section
The distribution city — a hand-built isometric scene the truck drives through on scroll.
02 — Approach

Make the page perform, not just present.

We rebuilt the whole thing as a single, scroll-driven film. Nothing is a static screenshot; every section does something as you move through it — so the site feels as fresh as the product.

  • A hero you make yourself. An empty tub sits centre-screen; as you scroll, chickpeas pour in and turn into hummus, oil pools, the lid seals. The film's timeline is scrubbed to scroll position — scroll up and it un-makes itself.
  • A delivery city. "Made Fresh, Delivered Daily" is a pinned isometric night-city where the branded truck drives the avenue and arrives home as you scroll.
  • Products that open up. Every dip is a card you click to reveal its real ingredients, with Vegan / Gluten-Free / Dairy-Free tags pulled straight from the label.
  • A community that fans out. Real trade-show photography starts stacked in the centre and floats into a scattered gallery as you scroll; tap any photo to open it full-size.
2014 2026
WordPress theme rebuilt as a cinematic scroll experience
400px 4K
Product and scene imagery, up from tiny 2014 photos
One scroll
Fills the tub, drives the truck, lights the delivery route
11
Products, each opening to its real ingredient list
03 — The build

Three moments that carry the story.

Scroll the panel — the visual on the left changes with each beat.

The fill-the-tub hero film The delivery truck driving the city The ingredient-callout hummus bowl
Hero

You make the hummus.

An 8-second film of an empty tub filling with chickpeas and turning to hummus, its timeline scrubbed to your scroll. It's a food factory you drive with the wheel — the hook a static photo can't touch.

Distribution

The truck comes home.

A pinned isometric city where the Fresh 'n Nova truck drives the avenue past Grocery, Restaurants and Catering, arriving at its own building — the distribution story told as motion, not a bullet list.

Products

Every dip, opened up.

Click any product and it expands to its real ingredients and dietary tags. No mystery, no filler — the same honesty the food is built on.

[Client quote — one or two sentences on what the new site changed for the business.]

— [Name], [Role], Fresh 'n Nova
04 — Result

A site that surfaces the whole business.

While researching their catalogue we found Fresh 'n Nova was selling a product on Instacart — a Gourmet Thyme hummus — that wasn't listed on their own website at all, and confirmed a real stockist (Rainbow Grocery, San Francisco) carrying three of their SKUs. A good site isn't just prettier; it surfaces the parts of the business the old one was hiding.

[Once it's live, add the real outcome here — wholesale enquiries, time-on-page, load time. Specific and honest; no invented figures.]

See it live ↗

Ready to publish except the [bracketed] timeline, quote and result — fill those in, then delete this note. The four metrics are factual.
Next project Zama Charters