Fresh 'n Nova — isometric delivery truck driving a night city
Case — Medelhavsmat & distribution

Fresh 'n Nova

En WordPress-sajt från 2014, ombyggd till en filmisk, skrollstyrd upplevelse — du fyller burken med hummus genom att skrolla och ser leveransbilen rulla genom distributionsstaden.

BranschFood · Dips & distribution
Produkter11 dips + bakery line
TjänsterWebsite · Motion · Brand story
01 — Utmaningen

En fantastisk produkt gömd bakom en webbplats från 2014.

Fresh 'n Nova gör riktigt bra medelhavsmat — elva sorters hummus och vitlökskräm, babaghannouj, en hel bagerilinje — och säljer till riktiga matbutiker. Men webbplatsen var ett tio år gammalt WordPress-tema: en statisk slider, produktbilder låsta till 400×250 pixlar och inte ett spår av det som gör varumärket speciellt — att det är färskt, lagat i ett kök och kört ut till hyllorna varje dag.

Sajten sa "liten matblogg". Företaget är en distributör. Det glappet kostade dem trovärdighet i grossistledet.

The isometric night-city built for the distribution section
Distributionsstaden — en handbyggd isometrisk scen som lastbilen kör genom när du skrollar.
02 — Angreppssättet

Låt sidan prestera, inte bara presentera.

Vi byggde om alltihop som en enda skrollstyrd film. Inget är en statisk skärmdump; varje sektion gör något när du rör dig genom den — så sajten känns lika färsk som produkten.

  • En hero du gör själv. En tom burk står mitt på skärmen; när du skrollar rinner kikärtor i och blir hummus, oljan samlas, locket försluts. Filmens tidslinje styrs av skrollpositionen — skrolla upp och den gör sig ogjord.
  • En leveransstad. "Made Fresh, Delivered Daily" är en fastnålad isometrisk nattstad där den märkta lastbilen kör längs avenyn och kommer hem medan du skrollar.
  • Produkter som öppnar sig. Varje dipp är ett kort du klickar på för att se de riktiga ingredienserna, med Vegan / Glutenfri / Mjölkfri-märkningar hämtade direkt från etiketten.
  • En community som vecklar ut sig. Riktiga mässfoton börjar staplade i mitten och svävar ut till ett spritt galleri när du skrollar; tryck på en bild för att öppna den i full storlek.
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 — Bygget

Tre ögonblick som bär berättelsen.

Skrolla panelen — bilden till vänster byts vid varje steg.

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

Du gör hummusen.

En åtta sekunders film där en tom burk fylls med kikärtor och blir hummus, med tidslinjen styrd av din skroll. En matfabrik du kör med skrollhjulet — en krok som ett stillbildsfoto aldrig når.

Distribution

Lastbilen kommer hem.

En fastnålad isometrisk stad där Fresh 'n Nova-bilen kör längs avenyn förbi Grocery, Restaurants och Catering och kommer fram till sin egen byggnad — distributionsberättelsen som rörelse, inte punktlista.

Produkter

Varje dipp, uppslagen.

Klicka på en produkt och den vecklar ut sina riktiga ingredienser och kostmärkningar. Inget mysterium, inget utfyllnad — samma ärlighet som maten bygger på.

04 — Resultatet

En sajt som lyfter fram hela verksamheten.

När vi gick igenom sortimentet upptäckte vi att Fresh 'n Nova sålde en produkt på Instacart — en Gourmet Thyme-hummus — som inte alls fanns på deras egen webbplats, och bekräftade en riktig återförsäljare (Rainbow Grocery, San Francisco) med tre av deras artiklar. En bra sajt är inte bara snyggare; den lyfter fram de delar av verksamheten som den gamla dolde.

See it live ↗

Nästa projekt Zama Charters↗