Wordpress: Restaurant

Compétences Critères de validation
Produire et publier du contenu Qualité et pertinence des contenus publiés
Assurer la visibilité des contenus  
Ajouter et modifier des utilisateurs  
Créer des pages et des articles  
Insérer des images, des vidéos  
Travailler la mise en page  
Organiser les pages à l’aide de menus  
Organiser les articles en catégories  
Manipuler des extensions  

Description du contexte

PAS DE SUSHIS est un restaurant japonais situé à Aubière, créé par Robert LIN.

Monsieur LIN, le gérant, vous demande de créer un site internet afin de mettre en valeur l’offre de son restaurant japonais qui s’est récemment implanté. L’enseigne propose une variété de sushis, makis, yakitoris, sashimis, des boissons et entrées telles que des soupes miso, des salades de chou … Des menus sont également proposés. Les clients peuvent manger sur place ou choisir l’option à emporter. Un service de livraison est également proposé contre supplément.

Objectifs

PAS DE SUSHIS souhaite créer un site vitrine permettant de présenter l’offre de lancement (20 % de réduction pour les 100 premiers clients) et vous charge du teasing à l’aide d’articles de blog. Ce site doit améliorer leur visibilité sur le web.

Une refonte graphique a été validée par le dirigeant, avec un changement de codes couleurs.

Couleurs à utiliser

sushis colors

Logo à utiliser

sushis logo

Structure du site

sushis Arborescence

Pensez à mettre des liens en évidence pour réserver / contacter l’entreprise.

Commentaires

Appliquer la configuration suivante :

Travail à réaliser

Travail à réaliser individuellement (ou éventuellement en binôme) sur la base du CMS WordPress.

  1. Créer un thème
    • Le dirigeant a retenu le site https://sushibar-mulhouse.fr/ à partir duquel vous devez vous inspirer en respectant les codes couleurs et le logo présentés plus haut.
  2. Réalisez l’arborescence du site

  3. Créer un article annonçant l’offre de lancement, en le plaçant dans une catégorie pertinente, et en l’annonçant dès la page d’accueil du site web. Faites apparaître les catégories dans un emplacement stratégique (menu principal ou barre latérale).

  4. Créer un article mettant en avant les bienfaits de la cuisine asiatique

  5. Appliquer les codes couleurs de l’entreprise

  6. Ajoutez 3 widgets en pied de page :
    • Widget texte pour indiquer vos coordonnées de contact
    • Widget menu pour accéder aux pages légales (mentions, RGPD, confidentialité)
    • Widget image pour votre photo
  7. Générez le cadre légal :
    • Bandeau des cookies
    • Page Politique des cookies (Extension Complianz)
    • Page RGPD / Politique de confidentialité
    • Page Mentions légales
  8. Ajouter un compte utilisateur avec rôle “Administrateur” pour le nouveau webmaster : Vous

  9. Ajouter 2 comptes utilisateurs :
    • Un compte avec le nom d’utilisateur « Dirigeant », le rôle Administrateur et le mot de passe « YabonSushis »
    • Un compte avec le nom d’utilisateur « Gerant », le rôle Auteur et le mot de passe « JeG3reLesResas »
  10. Autoriser les visiteurs du site à créer un compte utilisateur.

Vous travaillerez particulièrement les textes (respect de l’orthographe et de la grammaire), le design et le confort de navigation.

Utilisation possible des différentes possibilités offertes par le CMS WordPress : Gutenberg, Elementor, et plugins complémentaires (Ultimate Addons for Gutenberg, …).

Votre site et thème doivent être « responsive » en respectant l’approche Mobile First.

Ressources

Ajoutez tout élément que vous jugerez utile (ex. intégration de vidéos YouTube répondant à la recherche “les bienfaits du yoga”, …). N’oubliez pas qu’il existe des bibliothèques d’images libres de droits :

Formulaire de contact

Les plugins gratuits recommandés pour la création de votre formulaire de contact :

Champs du formulaire de contact :

Pour vous aider :

Bonus : Protégez votre formulaire de contact avec Google reCAPTCHA.

Système de réservations

Lorsque le site est entièrement fonctionnel, créer un plugin Wordpress qui ajoute le comportement suivant au site :

Système de commandes en ligne

Lorsque le système de réservation est fonctionnel, créer un plugin Wordpress qui ajoute le comportement suivant au site :