Restaurant Pistache
Restaurant Pistache est un projet de site web responsive conçu et développé pour présenter le restaurant, le menu, les réservations et les informations de contact de manière claire et facile à utiliser. Le projet combine direction visuelle, interface UI, intégration front-end et fonctionnalités backend de base.
Le site comprend des pages publiques pour les visiteurs ainsi qu’un panneau d’administration permettant de gérer les éléments du menu, les réservations et les messages des clients. Il a été réalisé avec HTML5, CSS3, SCSS, JavaScript, PHP et MySQL, avec un prototype Figma utilisé pour préparer l’interface et le parcours utilisateur.
Technologies & outils utilisés
Outils graphiques
Création du logo et des éléments d’identité visuelle.
Préparation et retouche des ressources visuelles.
Préparation de la mise en page, du prototype et du parcours utilisateur.
Front-end & backend
Structure et stylisation de l’interface responsive.
Ajout de comportements interactifs et d’éléments dynamiques.
Développement des fonctionnalités backend du panneau d’administration.
Gestion des données du menu, des réservations et des messages.
Explorez le site Restaurant Pistache grâce à la prévisualisation en direct. Vous pouvez consulter les pages publiques, tester l’affichage responsive et accéder au panneau d’administration de démonstration.
Pour explorer le panneau d’administration, utilisez les identifiants de démonstration suivants :
Instructions d’accès :
Nom d’utilisateur : guest@mail.com
Mot de passe : 1234
Consultez le code complet sur GitHub pour explorer la structure du projet, l’intégration front-end, les fonctionnalités PHP et la logique de base de données MySQL.
Afficher le prototype sur Figma
Explorez le processus de conception de Restaurant Pistache en consultant le prototype Figma.
Processus de création
Pour créer Restaurant Pistache, j’ai combiné direction visuelle, prototypage UI et développement web. L’objectif était de créer un site clair pour un restaurant, avec des fonctionnalités pratiques de gestion.
Logo & direction visuelle
Création du logo et de la direction visuelle avec Adobe Illustrator, avec une identité fraîche et reconnaissable pour le restaurant.
Prototype & interface UI
Utilisation de Figma pour préparer la structure des pages, l’interface utilisateur et la navigation avant l’intégration.
Ressources visuelles
Préparation et retouche des éléments visuels avec Adobe Photoshop afin de renforcer l’apparence générale du site.
Intégration front-end & backend
Développement du site avec HTML5, CSS3, SCSS, JavaScript, PHP et MySQL, incluant des pages responsives et des fonctionnalités dynamiques.
Fonctionnalités
Restaurant Pistache inclut des fonctionnalités pratiques pour les visiteurs et les administrateurs : présentation du menu, gestion des réservations, gestion des messages de contact et interface responsive sur différents appareils.
Panneau d’administration
Le panneau d’administration permet d’ajouter, modifier, afficher ou supprimer les éléments du menu, comme les entrées, les plats principaux et les desserts.
Gestion des réservations
Les administrateurs peuvent consulter, modifier, supprimer ou ajouter des réservations afin de faciliter la gestion des demandes.
Interface responsive
Le site s’adapte aux écrans desktop, tablette et mobile pour offrir une expérience de navigation cohérente.
Gestion des messages de contact
Les messages envoyés via le formulaire de contact peuvent être consultés et supprimés depuis le panneau d’administration, afin de faciliter la communication avec les clients.