É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
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
Un projet similaire, ou un site existant à reprendre ?