Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Cahier des charges pour la réalisation du site internet www.restaurant-lavraiev

Cahier des charges pour la réalisation du site internet www.restaurant-lavraievie.fr Responsable du projet : Laurent JOLIVET - laurent@imageinfrance.com - 02 31 23 16 16 / 07 82 89 61 59 Ce document décrit la solution proposée pour la mise en œuvre du site internet www.restaurant-lavraievie.fr Tous les visuels (wireframes) et les schémas illustrant le présent document sont présentés à titre indicatif et non contractuel. Image In France / La Vraie Vie Cahier des charges 24/08/2020 Sommaire Cahier des charges pour la réalisation du site internet www.restaurant-lavraievie.fr......................0 Sommaire..........................................................................................................................................1 Introduction......................................................................................................................................3 Communication Cross Media.............................................................................................................3 Expertises...........................................................................................................................................3 Identité...............................................................................................................................................3 Votre site internet.............................................................................................................................5 avec Image in France.........................................................................................................................5 Généralités.........................................................................................................................................5 Arborescence et navigation............................................................................................................5 Responsive Web Design (design adaptatif)....................................................................................5 Respect des standards du web.......................................................................................................6 Compatibilité..................................................................................................................................6 Accessibilité....................................................................................................................................7 SEO – Référencement.....................................................................................................................7 Obligations légales..........................................................................................................................9 Langages utilisés...........................................................................................................................10 Solution technique.......................................................................................................................10 Fonctionnalités.................................................................................................................................11 Gestion des pages de contenu......................................................................................................11 Gestion du slider...........................................................................................................................12 Gestion du module Carte et Menus..............................................................................................12 Gestion des Réservations.............................................................................................................13 Gestion des articles (actualités)....................................................................................................14 Gestion des Galeries Photos.........................................................................................................15 Page e-commerce « L’épicerie »...................................................................................................15 Panier et validation de commande...............................................................................................16 Page Contact et accès - Formulaire de contact.............................................................................16 Langue du site..............................................................................................................................17 Champ de recherche....................................................................................................................17 Réseaux Sociaux et partage par email..........................................................................................17 Statistiques du site internet.........................................................................................................18 1 Image In France / La Vraie Vie Cahier des charges 24/08/2020 L’administration de votre site internet avec Image In France..........................................................18 Votre contenu maîtrisé....................................................................................................................18 Gestion d’utilisateurs avec permissions...........................................................................................19 Gestion de médias............................................................................................................................19 Autres prestations assurées............................................................................................................20 par Image In France.........................................................................................................................20 Noms de domaine............................................................................................................................20 Adresses email.................................................................................................................................20 Hébergement et sauvegarde des données.......................................................................................20 Maintenance....................................................................................................................................21 Maintenance corrective en cas de dysfonctionnement................................................................21 Maintenance évolutive de la plateforme en cas de mises à jours du système.............................21 Evolution du site internet non prévues dans le cahier des charges..............................................22 Formation.....................................................................................................................................22 Méthodologie..................................................................................................................................23 Définition des besoins, recherche de solutions adaptées et rédaction du cahier des charges.........23 Design d’interface (UI) et Expérience utilisateur (UX)......................................................................23 Stratégie éditoriale et rédaction de contenus..................................................................................24 Développement et intégration du site internet................................................................................25 Mise en place de la base du site internet.....................................................................................25 Développement et intégration du site internet............................................................................26 Recettage interne.............................................................................................................................26 Mise en production..........................................................................................................................27 Recettage client................................................................................................................................27 Mise en ligne....................................................................................................................................27 Bilan.................................................................................................................................................27 Outils et moyens techniques...........................................................................................................28 Outils................................................................................................................................................28 Le planning opérationnel..............................................................................................................28 Le cahier des charges...................................................................................................................28 Les compte-rendu........................................................................................................................28 Le tracking des bugs.....................................................................................................................28 Le procès-verbal de recettage......................................................................................................28 Moyens techniques..........................................................................................................................29 Conseil et gestion du projet..........................................................................................................29 2 Image In France / La Vraie Vie Cahier des charges 24/08/2020 Studio graphique..........................................................................................................................29 Réunion........................................................................................................................................29 Lexique............................................................................................................................................30 Introduction Communication Cross Media Parce que chacun d’entre nous est exposé quotidiennement à plus de 350 messages publicitaires, il devient de plus en plus difficile de capter l’attention de ses publics cibles. La répétition, la pertinence des messages et les supports utilisés jouent un rôle majeur dans la mémorisation du discours. C’est pourquoi nous plaçons au cœur de nos réflexions la transversalité et les interactions entre les différents media. Notre approche cross media nous permet de déployer simultanément votre campagne sur de multiples supports et media (site Internet, réseaux sociaux, application mobile, télévision, radio, affichage, relations presse, street marketing…). C’est la complémentarité des canaux utilisés qui permet d’installer les messages et de capter l’attention ! Expertises Nous possédons en interne l’ensemble des savoir-faire nécessaires à la conception et à la mise en œuvre de vos stratégies de communication. Une équipe pluridisciplinaire de 32 collaborateurs structurée en 5 pôles d’expertises complémentaires : CONSEIL, CRÉATION, DIGITAL, PRESSE, EVENEMENTIEL. Nous pouvons ainsi répondre de manière globale ou très spécifique à l’ensemble de vos problématiques de communication. Identité 3 Image In France / La Vraie Vie Cahier des charges 24/08/2020 IMAGE in FRANCE est une agence de communication indépendante fondée en 1999. Nous accompagnons les entreprises, les marques et les collectivités dans l’élaboration et la mise en œuvre de leur stratégie de communication cross media. Notre équipe intervient au quotidien sur l’ensemble du territoire français avec un pilotage de vos projets depuis la Normandie. Nous mettre au vert nous permet d’impulser un vent de fraîcheur sur chacune de vos campagnes ! Nous cultivons perpétuellement les valeurs qui font d’IMAGE in FRANCE une agence unique en son genre : innovation, convivialité et transversalité. 4 Image In France / La Vraie Vie Cahier des charges 24/08/2020 Votre site internet avec Image in France Généralités Arborescence et navigation L’arborescence, et plus particulièrement la navigation, constituent l’architecture même de votre site grâce à l’organisation des différentes informations. C’est la raison pour laquelle nous y attachons une importance toute particulière. Au-delà de l’aspect esthétique, la manière dont est visité un site détermine toute l’ergonomie et l’univers précis dans lequel vous souhaitez emmener vos visiteurs. Des scénarios de navigation doivent être élaborés afin de pousser l'utilisateur à effectuer un parcours précis dans votre site. Par ailleurs, nous accordons un intérêt tout particulier aux règles de base d’une bonne navigation web, aux habitudes visuelles des visiteurs et aux codes à respecter, à savoir :  la présence des éléments importants aux emplacements habituels comme : ○l’identité de la marque dans le header* ○le lien vers la page d’accueil dans le menu principal ○les modalités de contact à trouver facilement (header* + footer*) ○le plan du site dans le footer*  le respect de la règle des trois clics  la présence du fil d’Ariane : il permet un réel repère dans le site internet. Toutes les rubriques par lesquelles est passé le visiteur sont cliquables et lui permettent de naviguer plus facilement au sein du site. Le dernier lien est quant à lui non cliquable et mis en évidence pour indiquer au visiteur la page sur laquelle il se trouve.  moteur de recherche : il est visible partout (généralement présent dans le header*), et permet une recherche globale par mots-clés sur tous les contenus stockés en base de données et donc présents sur le site. 5 Image In France / La Vraie Vie Cahier des charges 24/08/2020 Responsive Web Design (design adaptatif) Les moteurs de recherche souhaitent proposer aux internautes des résultats toujours plus pertinents lorsqu’ils effectuent une recherche en ligne. L’usage des smartphones pour naviguer sur le web étant en forte croissance, il est devenu indispensable d’adapter son site internet à ces nouveaux usages pour rester compétitif dans les moteurs de recherche et proposer à vos visiteurs une expérience agréable. Votre site sera développé en utilisant des « media-queries* » afin d’assurer sa lisibilité sur tous les terminaux. Il est ainsi retravaillé à chaque tranche de résolution (appelées aussi « points de ruptures »). Les grandes tranches étant :  sur mobile : de 480 à 767 px  sur tablette : de 768 à 991 px  sur pc portable : de 992 à 1199 px  sur grands écrans : 1200 px et plus Toutes nos « media-queries* » sont basées sur le Framework CSS Bootstrap. Afin de corriger tous problèmes d’intégration pouvant être liés à la multiplicité d’interprétation du code par les navigateurs, chaque technicien de notre équipe dispose d’une tablette Android et Apple ainsi que d’un smartphone lui permettant de tester sur support réel avec plusieurs navigateurs le bon fonctionnement du Responsive Web Design sur chaque page. L’ensemble du site est ainsi vérifié et retravaillé au besoin. Respect des standards du web Les normes du web sont composées de différentes technologies et protocoles à utiliser lors d’une réalisation web. Ces normes sont définies par le W3C* sous forme de recommandations. Il convient donc de respecter ces règles en tenant compte des notions d’ergonomie et des pratiques des utilisateurs. L’objectif est de produire un site internet utilisable par tous. Pour cela, nous nous engageons lors de la création de votre site à :  Respecter les normes W3C* - RGAA  Respecter les normes RGPD (Cookie bar / Mention RGPD)  Optimiser les temps de chargement des pages  Optimiser la qualité et les temps d’affichage sur les appareils mobiles 6 Image In France / La Vraie Vie Cahier des charges 24/08/2020  Optimiser l’architecture du site (règle des 3 clics, fil d’Ariane)  Optimiser le site pour un référencement naturel (SEO) optimal (optimisation des contenus, partage sur les réseaux sociaux, contenus de qualité et uniques, présence d’un plan de site, d’un fichier robots.txt etc…)  Optimiser les URL et les redirections automatiques  Insérer un favicon  Optimiser le site pour les principaux navigateurs web du marché  Utiliser des technologies universelles Compatibilité Votre site internet sera compatible avec les principaux navigateurs web du marché, dans la limite des versions antérieures obsolètes. Le site sera totalement pris en charge sur la dernière version de ces navigateurs. Pour certains, les versions antérieures seront également prises en charge. Voici la liste navigateurs et des versions pour lesquels nous préconisons une compatibilité : Si vous souhaitez toutefois que nous assurions la compatibilité de votre site avec d’autres versions de ces navigateurs, nous étudierons la faisabilité en fonction des différents modules installés sur le site internet et adapterons alors les technologies choisies afin de ne pas créer de conflits entre navigateurs et de ne pas utiliser des technologies non prises en charge par certains d’entre eux. Il est possible dans certains cas (par exemple : rétro-compatibilité) d’opter pour ce que nous nommerons une « dégradation acceptable » visant à ne pas privilégier l’aspect graphique mais les fonctionnalités. Enfin, nous optimisons uploads/Management/ lvv-cahier-des-charges.pdf