Salle Blanche

Key Features
A gastronomic menu presented with refined typography, turning the reading of dishes into a preliminary culinary discovery.
An integrated system allowing clients to plan their experience in a few clicks, simplifying direct contact with the establishment.
Highlighting client testimonials and the restaurant's history (since 2009) to establish exceptional credibility and reputation.
An interface designed to be equally stunning on mobile and desktop, ensuring the same image quality everywhere.
Implementation of a technical SEO strategy with Next.js (Metadata, Open Graph tags, and semantic structuring) to ensure maximum visibility on search engines for Casablanca clients.
Project Impact
The integration of a direct and smooth reservation system reduces friction. A premium user experience (UX) is generally estimated to increase online reservations by 20% to 35% compared to a simple Facebook page or static website.
Thanks to Next.js optimization, the restaurant will rank for typical queries like "Luxury restaurant Gauthier Casablanca." This generates a constant organic flow of new clients (tourists and locals).
GSAP animations and Lenis scrolling captivate users from the first seconds, increasing time spent on the site and therefore brand memorability.
The 'About' section and 'Chef Showcase' create an emotional connection. Clients no longer come just to eat, but to experience the story of 'Maison Dining' established since 2009.
Investing in high-end design reinforces the perceived quality of the restaurant. Clients directly associate the polished website aesthetic with the quality of the cuisine served.
The professional appearance of the site reassures visitors about the hygiene, service, and seriousness of the establishment.





Tech Stack
Technologies and tools used to bring this project to life
Demo Application
My Role
My contributions and responsibilities in this project
Owned the full lifecycle
- Next.js 15+ & App Router Architecture : Setting up a modern project structure managing server-side rendering (SSR) to optimize initial load time and search engine indexing.
- Retina Optimization & Responsive Design : Writing complex CSS styles to ensure high-resolution visuals remain sharp and layouts adapt perfectly on smartphones.
- Lenis Smooth Scroll Integration : Complete configuration of meta tags, Open Graph, and semantic HTML structure to ensure the restaurant's visibility on search engines.
- Competitive UX Analysis : Evaluating competitor reservation journeys and site fluidity to position Salle Blanche as the technological benchmark (Smooth Scroll, Micro-interactions).
