live

saladhouse.fr: A bowl that comes together as you scroll.

The Salad'House mascot: a salad bowl in a cape, taking flight

The animated showcase website of a salad and poke bar with four shops, designed to be found in local search.

The Salad'House website on desktop and mobile: the menu, sizes S, M and L, and the range from savoury to sweet
4
shops: Belley, Morestel, Le Pont-de-Beauvoisin, Annecy
4.9/5
on Google, 377 reviews
5
steps to build your bowl as you scroll
10
Signature recipes, cold or hot

01 ~ the starting point

A chain of four shops rated 4.9 on Google, but with no website: invisible in local search, with a menu and opening hours nowhere to be found online.

02 ~ what we built

  1. 01

    The bowl that builds itself as you scroll

    On arrival, visitors build a real bowl by scrolling down the page: the base, the ingredients, the protein, the topping, then the sauce, just like at the counter. In a hurry? A “skip the intro” button leads straight to the menu.

  2. 02

    An identity drawn from the brand

    The design system is built from Salad'House’s own elements: its mascot, its lettering, its colours and its patterns.

  3. 03

    The whole menu, with prices

    Salads, pokes, hot bowls, ciabattas, onigiris, chirashis, bubble tea and Dream'Cup. Choosing a size (S, M or L) recalculates the bowl and the price, and allergens are one click away.

  4. 04

    Four shops that are easy to find

    Each shop has its opening hours, directions and a call button. The menu and addresses are described for search engines, to rank higher in local search.

  5. 05

    Ordering, without paying online

    The “Order” button opens Instagram or Messenger: the team takes the order for click and collect, and customers pay in store. Delivery with Uber Eats in Morestel.

  6. 06

    Everything else

    The brand’s story told by its founder, an FAQ, menus and allergen sheets as PDFs, Google reviews, and compliant cookie consent: nothing measures traffic without agreement.

03 ~ the user journey

  1. step 01

    Build

    The bowl fills up as you scroll: the concept is clear within seconds.

  2. step 02

    Choose a size

    S, M or L: the bowl, its contents and the price follow.

  3. step 03

    Find a shop

    The nearest one, with today’s opening hours.

  4. step 04

    Order or go

    An order via Instagram or Messenger, to collect in store, or directions in one tap.

04 ~ the screens

Four moments of the scroll-driven build: the base, the ingredients, the protein, the sauce
The home page: the bowl comes together as you scroll, each ingredient dropping into the bowl.
The Salad'House range: salads, pokes, hot bowls, ciabattas, onigiris, chirashis, bubble tea, Dream'Cup
The full range, from savoury to sweet, with starting prices.
Choosing size S, M or L: the bowl, the price and the contents change
S, M or L: the bowl grows, and the price and contents follow.
The Morestel shop page: photo, Google rating, directions, ordering, opening hours and services
A page for each shop: opening hours, services, directions, ordering and delivery.
The “Our story” page: a word from the founder and Salad'House’s key dates
The brand’s story, told by its founder, and its key dates.
The Salad'House frequently asked questions page
Frequently asked questions, then menus and allergen sheets as PDFs.

CLIENT

Salad'House, salad and poke bar (Ain, Isère, Annecy)

EXPERTISE

TECHNOLOGIES

  • Next.js 16
  • React 19
  • Tailwind 4
  • GSAP
  • Coolify

+ ~ see also

More of our work.

All our work
Music not started