en production

saladhouse.fr : Un bowl qui se compose au fil de la page.

La mascotte de Salad'House : un bol de salade en cape qui s'envole

Le site vitrine animé d’un bar à salades et pokés aux quatre boutiques, pensé pour être trouvé dans les recherches locales.

Le site Salad'House sur ordinateur et sur téléphone : la carte, les tailles S, M et L, et la gamme du salé au sucré
4
boutiques : Belley, Morestel, Le Pont-de-Beauvoisin, Annecy
4,9/5
sur Google, 377 avis
5
étapes pour composer son bowl en défilant
10
recettes Signatures, froides ou chaudes

01 ~ le point de départ

Une enseigne de quatre boutiques, notée 4,9 sur Google, mais sans site : invisible dans les recherches locales, avec une carte et des horaires introuvables en ligne.

02 ~ ce que nous avons construit

  1. 01

    Le bowl qui se compose au défilement

    En arrivant sur le site, on compose un vrai bowl en faisant défiler la page : la base, les ingrédients, la protéine, le topping, puis la sauce, comme au comptoir. Pressé ? « Passer l'intro » mène droit à la carte.

  2. 02

    Une identité tirée de la marque

    Le design system est construit à partir des éléments de Salad'House : sa mascotte, ses lettrages, ses couleurs et ses motifs.

  3. 03

    Toute la carte, avec les prix

    Salades, pokés, bowls chauds, ciabattas, onigiris, chirashis, bubble tea et Dream'Cup. Le choix de la taille (S, M ou L) recalcule le bol et le prix, et les allergènes sont à portée de clic.

  4. 04

    Quatre boutiques faciles à trouver

    Chaque boutique a ses horaires, son itinéraire et son bouton d'appel. La carte et les adresses sont décrites pour les moteurs de recherche, pour remonter dans les recherches locales.

  5. 05

    Commander, sans payer en ligne

    Le bouton « Commander » ouvre Instagram ou Messenger : l'équipe prend la commande en click & collect, et l'on paie en boutique. Livraison avec Uber Eats à Morestel.

  6. 06

    Le reste du quotidien

    L'histoire de la marque racontée par son fondateur, une FAQ, les menus et les fiches allergènes en PDF, les avis Google, et un consentement aux cookies conforme : rien ne mesure l'audience sans accord.

03 ~ le parcours

  1. étape 01

    Composer

    Le bowl se remplit à mesure que l'on défile : on comprend la formule en quelques secondes.

  2. étape 02

    Choisir sa taille

    S, M ou L : le bol, la composition et le prix suivent.

  3. étape 03

    Trouver sa boutique

    La plus proche, avec ses horaires du jour.

  4. étape 04

    Commander ou y aller

    Une commande par Instagram ou Messenger, à retirer en boutique, ou l'itinéraire en un geste.

04 ~ les écrans

Quatre moments de la composition au défilement : la base, les ingrédients, la protéine, la sauce
L'accueil : le bowl se compose au défilement, chaque ingrédient tombe dans le bol.
La gamme de Salad'House : salades, pokés, bowls chauds, ciabattas, onigiris, chirashis, bubble tea, Dream'Cup
Toute la gamme, du salé au sucré, avec ses prix de départ.
Le choix de la taille S, M ou L : le bol, le prix et la composition changent
S, M ou L : le bol grandit, le prix et la composition suivent.
La page de la boutique de Morestel : photo, note Google, itinéraire, commande, horaires et services
Une page par boutique : horaires, services, itinéraire, commande et livraison.
La page « Notre histoire » : le mot du fondateur et les grandes dates de Salad'House
L'histoire de la marque, racontée par son fondateur, et ses grandes dates.
La page des questions fréquentes de Salad'House
Les questions fréquentes, puis les menus et les fiches allergènes en PDF.

CLIENT

Salad'House, bar à salades et pokés (Ain, Isère, Annecy)

EXPERTISE

TECHNOLOGIES

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

+ ~ à voir aussi

Nos autres réalisations.

Toutes nos réalisations
Musique en attente