Étude de cas

Le Bateau Lavoir

Développement du site web du Bateau Lavoir à partir de maquettes UX/UI, avec une expérience éditoriale immersive présentant à la fois un restaurant au bord du Rhône et un programme genevois de réinsertion professionnelle.

Rôle
Développement et intégration de maquettes UX/UI
Nature du projet
Site web de restaurant et projet social
Lieu
Genève, Suisse
État
En ligne

Voir le site en ligne bateaulavoir.ch (nouvelle fenêtre)

Détail du projet

Le Bateau Lavoir est un restaurant-bistro social installé à la Jonction, au bord du Rhône. Porté par l’Astural, une fondation genevoise active depuis 1955, le projet réunit sous un même toit flottant un restaurant professionnel, un lieu de rencontre ouvert sur le quartier et un programme de formation aux métiers de la restauration. Chaque année, des jeunes en parcours de réinsertion peuvent y acquérir une expérience professionnelle avec l’accompagnement de l’Astural et de ses partenaires. J’ai assuré le développement et l’intégration du site à partir des maquettes UX/UI fournies. L’objectif était de transposer fidèlement cette direction créative en une expérience web fluide, structurée et adaptée aux différents formats d’écran.

Travail réalisé

  • Développement du site à partir des maquettes UX/UI.
  • Intégration fidèle de la direction artistique et de la mise en page.
  • Création d’une navigation fluide entre les différentes sections.
  • Développement d’une page d’accueil au format éditorial et immersif.
  • Intégration du compte à rebours précédant l’ouverture.
  • Mise en page du menu et des plats de la semaine.
  • Présentation des horaires et des informations pratiques.
  • Intégration de l’agenda et des événements.
  • Mise en valeur du projet social et de ses partenaires.
  • Présentation des offres d’after-work et de privatisation.
  • Intégration des appels à l’action pour la réservation.
  • Adaptation responsive aux différents formats d’écran.

Fonctionnalités

  • Navigation interne entre les sections.
  • Compte à rebours avant l’ouverture.
  • Présentation du plat du jour et du menu hebdomadaire.
  • Agenda des événements.
  • Informations sur les horaires et services.
  • Présentation du programme de réinsertion.
  • Accès aux réservations.
  • Présentation des possibilités de privatisation.
  • Coordonnées, adresse et liens sociaux.

Sections

  • Accueil
  • Menu
  • Agenda
  • Le projet
  • After-work
  • Privatiser
  • Réserver
  • Contact

Le site transforme les maquettes UX/UI en une expérience web originale, responsive et cohérente avec l’identité du Bateau Lavoir. Il permet de présenter le restaurant, sa programmation et son engagement social au sein d’un parcours narratif inspiré par le Rhône, la navigation et l’histoire du lieu.

Le site

Le site Le Bateau Lavoir sur ordinateur.
Ordinateur
Le site Le Bateau Lavoir sur mobile.
Mobile
Visiter le projet (nouvelle fenêtre)

Un projet similaire, ou un site existant à reprendre ?

Prenez contact Tous les projets