Une vitrine digitale
pensée de A à Z
Ce site est une œuvre de design et de développement web réalisée pour mon portfolio. Il démontre la création d'une expérience client complète pour un restaurant fictif — de la première impression jusqu'à la confirmation de commande.
Ce qui a été conçu
Design premium animé
Slideshow hero avec effet Ken Burns, transitions crossfade fluides, animations au scroll (Intersection Observer), typographie display soignée et palette cohérente. Chaque détail visuel est travaillé pour une impression haut de gamme.
Commande en direct via WhatsApp
Le client compose son panier sur le menu, renseigne ses coordonnées, et reçoit une confirmation instantanée sur WhatsApp via l'API Meta Cloud. Toute la logique de commande est gérée côté serveur en SSR pour une sécurité maximale.
Validation OTP sécurisée
Avant toute confirmation, un code à usage unique est envoyé au client sur WhatsApp. Il doit le saisir pour valider sa commande. Ce mécanisme élimine les fausses commandes et garantit l'authenticité du numéro de téléphone.
Adapté aux horaires d'ouverture
Le bouton de commande s'active uniquement pendant les heures d'ouverture du restaurant. En dehors de ces créneaux, le client est informé des prochaines disponibilités. Toute la logique est calculée côté serveur pour éviter toute manipulation côté client.
Backend no-code N8n + Airtable
Les commandes, réservations et demandes événements sont acheminées via des workflows N8n et stockées dans Airtable. Le restaurateur reçoit une notification WhatsApp instantanée et dispose d'un tableau de bord pour gérer ses commandes sans outil supplémentaire.
Sécurité multicouche
Validation et sanitisation de tous les inputs, rate limiting par IP sur chaque endpoint, headers HTTP de sécurité (CSP, HSTS, X-Frame-Options…), proxy Caddy avec SSL automatique et protection contre le brute-force OTP.
Stack technique
Mentions légales
1 Nature du site
Ce site est un projet de portfolio fictif. Le restaurant "Le Palais du Couscous" n'existe pas. Aucune commande, réservation ou demande ne sera honorée. Le site est présenté à des fins de démonstration de compétences en design et développement web.
2 Auteur & Responsable de publication
Concepteur & Développeur : S. Ljawi
Site portfolio : www.ljawiproduct.com
Contact : via le formulaire disponible sur le site portfolio
3 Hébergement
Hébergeur : Hostinger – KVM VPS
Adresse : 61 Lordou Vironos Street, 6023 Larnaca, Chypre
Reverse proxy : Caddy avec certificat SSL automatique Let's Encrypt
4 Propriété intellectuelle
L'ensemble du code source, des maquettes, des animations et du design est la propriété exclusive de S. Ljawi. Toute reproduction, même partielle, est interdite sans autorisation écrite préalable. Les images utilisées sont soit personnelles, soit libres de droits.
5 Données personnelles
Ce site est un projet de démonstration. Aucune donnée personnelle saisie (nom, téléphone, email) n'est conservée ou exploitée commercialement. Les formulaires sont connectés à des services de test (N8n, Airtable) dans un environnement isolé. Conformément au RGPD, vous disposez d'un droit d'accès, de rectification et de suppression de vos données.