Embed Size (px)
Citation preview
Cahier des chargesSolution de promotion en ligne
Version : 1.4Date de la dernière mise à jour : 20/09/18
SUIVI DU DOCUMENT
Identification
Date de version 13/09/2017
Référence
Version 1.0
État Publié
Historique des modifications
Date Version État Nature des modifications
28/08/17 1.0 Last Call WD
05/09/17 1.0 Working Draft Suppression de la partie budget / devis en annexe
07/09/17 1.0 Working Draft MAJ arborescence
08/09/17 1.0 Working Draft Corrections
11/09/17 1.0 Working Draft Mise en cohérence du planning
13/09/17 1.0 Publié
Sommaire1.Cadre du projet....................................................................................................................4 1.1.Résumé.........................................................................................................................4 1.2.Contexte de l’entreprise.................................................................................................4 1.3.Enjeux et objectifs.........................................................................................................4 1.4.Livrables........................................................................................................................4 1.5.Présentation de l’équipe................................................................................................5 1.6.Planning prévisionnel.....................................................................................................52.Benchmark..........................................................................................................................63.Considérations marketing....................................................................................................9 3.1.Cibles............................................................................................................................9 3.2.International.................................................................................................................10 3.3.Référencement............................................................................................................11 4.Conception graphique.....................................................................................................11 4.1.Brief créatif...................................................................................................................11 4.2.Charte graphique.........................................................................................................11 4.3.Images.........................................................................................................................115.Spécifications fonctionnelles..............................................................................................12 5.1.Périmètre fonctionnel...................................................................................................12 5.2.Arborescence..............................................................................................................13 5.3.Aperçu des contenus...................................................................................................136.Spécifications techniques..................................................................................................30 6.1.Choix technologiques..................................................................................................30 6.2.Domaine et hébergement............................................................................................31 6.3.Accessibilité.................................................................................................................31 6.4.Services tiers...............................................................................................................32 6.5.Sécurité.......................................................................................................................32 6.6.Maintenance et évolutions...........................................................................................32
1. Cadre du projet
1.1. RésuméL’ organisateur du salon du chocolat de Paris, Mr Charain, souhaite disposer d’un site webrépondant aux besoins suivants :
• Communiquer en ligne sur l'événement et ses actualités• Donner des informations sur la liste des exposants et les intervenants• Donner des informations pratiques sur le salon et notamment une carte des exposants• Proposer une version en ligne de la billetterie avec un dispositif de réservation• Être autonome sur la production des contenus
Le salon du chocolat est un événement susceptible de séduire plus de 100 000 visiteurs sur 3 jours.On y retrouvera des ambiance culinaires gourmandes et ludiques qui se mêlent aux codes venusde milieux artistiques internationaux comme la pâtisserie de luxe, la mode et même la sculpture.Notre solution de site web est une solution fédératrice pour rassembler ce milieu hétéroclite surun même espace de partage d’information. Cette solution permet également de disposer d’undispositif de communication de masse susceptible de contribuer à générer du buzz dansdifférentes sphères d’influence afin de compléter le dispositif de communication.
1.2. Contexte de l’entrepriseMr Charain dispose d’un service de communication qui est à l’origine du souhait de disposer d’un site web pour compléter son dispositif. Ainsi, la charte graphique, la ligne éditoriale et la publication de contenus ( images, articles, vidéos) doivent rester dans leur périmètre exclusif. Il s’agit pour nous de fournir une « belle coquille » fonctionnelle qui s’intègre parfaitement dans l’univers imaginé le commanditaire.Concernant la billetterie, il est attendu de déployer un dispositif qui permette aux visiteurs de commander en ligne dans les jours et les semaines qui précédent l’ouverture. Contrairement aux guichets physiques qui ne seront ouvert que pendant la durée du salon, la commande en ligne permet de générer du cash-flow pour les organisateurs durant les phases de préparation.
1.3. Enjeux et objectifsL’enjeu du projet de site web est de s’intégrer parfaitement dans le dispositif de communication pour contribuer à atteindre l’objectif de 100 000 visiteurs sur le salon.
1.4. LivrablesPour atteindre cet objectif, l’agence Digitalizer livrera les éléments suivants :
Cahier des charges fonctionnel et technique 25 Août
Charte éditoriale 28 Août
Maquettes du site 31 Août
Site 15 Septembre
Formation à WP 18 Septembre
1.5. Présentation de l’équipe
1.6. Planning prévisionnel
2. Benchmark
Salon du Grand Testing - https://www.grandtasting.com/
Points forts Points faibles
● Plan d’accès avec itinéraire● Plan du salon
● Menu navigation en silo● Affichage terminaux mobiles● Graphisme et esthétique
Salon Mer et vigne - http://www.mer-et-vigne.fr/
Points forts Points faibles
● Affichage terminaux mobiles ● Graphisme et esthétique
● Menu navigation en silo● Usage terminaux mobiles● Plan d’accès sans itinéraire● Pas de plan du salon
Festival POP your BEAUTY - http://www.popyourbeauty.fr/
Points forts Points faibles
● Usage terminaux mobiles ● Graphisme et esthétique● Liens vers site exposant● Billetterie
● Menu navigation en silo● Plan d’accès sans itinéraire● Pas de plan du salon
3. Considérations marketing
3.1. Cibles
3.2. InternationalLe commanditaire n’a pas exprimé le besoin de disposer d’un site multilingue. L’étude des cibles démontre néanmoins qu’une clientèle étrangère est susceptible de se déplacer à Paris pour se
rendre au salon du chocolat. Le choix d’un thème multilingue et RTL(Right to left) ready permettra d’opérer à l’internationalisation du site sur demande express.
3.3. Référencement• Les posts disposent d’un résumé en 150 mots, une image et un mot clé. Un plugin permet
d'aider les rédacteurs. • Le site respecte les 80 bonnes pratiques SEO du référentiel OPQUAST
4. Conception graphique
4.1. Brief créatifLa charte graphique, la ligne éditoriale et la publication de contenus ( images, articles, vidéos) doivent rester conforment en tout point à la ligne définie par le service communication du commanditaire. Il s’agit pour nous de fournir un produit fonctionnel qui s’intègre parfaitement dans l’univers graphique existant.L’univers du site web doit absolument être cohérent en tout point avec celui créé par le service communication du client. Une attention particulière doit être portée sur l’usage avec un terminal mobile. 90 % du site doit être consultable par scrolling cela implique un décloisonnement des rubriques de navigation.
4.2. Charte graphiqueLa charte graphique est fournie par le commanditaire
4.3. ImagesLes images sont fournies par le service communication du commanditaire, elles seront optimiséespour le web avec une attention particulière portée sur le temps de chargement des pages web notamment depuis les terminaux mobiles.
5. Spécifications fonctionnelles
5.1. Périmètre fonctionnel
5.1.1. Front office
Fonctionnalité Contrainte(s) associées(s)
Liste des exposants Logo ou image et liens vers leur site web
Intervenants table rondeDans une page exposant + Photo + descriptif
Carte des exposants Carte interactive
Google Maps Pas de contraintes particulières
Communiqués de presse Dans une page Presse
Billetterie Centralisée - guichet + web
Réservation Stand Dans une page exposants
5.1.2. Back office
Fonctionnalité Contrainte(s) associées(s)
Gestion des contenus Restriction en fonction des rôles
5.2. Arborescence
5.3. Aperçu des contenus
5.3.1. Page d’accueilLa page d’accueil contient trois autres sections les unes à la suite des autres : Le Salon, Les exposants et Infos pratiques. L’objectif est de permettre aux internautes de faire défiler la première page jusqu’en bas pour prendre connaissance de l’ensemble des information générales sur le salon. Les items du menu renvoient vers chacune des sections. Le choix de ce format est primordial pour obtenir une expérience utilisateur optimale sur téléphone mobile. Il est en effet inconfortable d’utiliser un menu pour changer de page sur un téléphone portable.
Section : AccueilOn retrouve ici un menu de navigation dans le Header, puis le logo du salon du chocolat de Paris ainsi qu’une image d’accroche. Les dates et lieu de l’événement sont rappelés et suivi d’un boutonqui invite le visiteur a effectuer une commande de billet en ligne. Ce bouton pointe vers la page Billetterie.
Considérations techniques
Contenu Caractéristiques Commentaires
Page URL : …/accueilMot clé principal : chocolat
La page contient 3 sections :#salon (menu)#les exposants (menu)#infos_pratiques (menu)
Logo Non cliquable Titre salon_du_chocolat
Description Salon du chocolat de Paris, mondial du chocolat et du cacao.
Image d’accroche Non cliquable Titre Défini par le client
Description Défini par le client
Titre H1 Texte Modifiable par le client
Bouton de commande Lien vers la page Billetterie URL …/billetterie
Menu Fond identique au fond de la section. Texte foncé
Section : Le salonCette section donne plus de détails sur l’événement, elle propose au visiteur de consulter un carrousel d’articles d’actualité accompagné d’images et conclue par un bouton d’invitation à commander.
Considérations techniques
Contenu Caractéristiques Commentaires
Section URL : …/accueil#salon
Carrousel d’articles Utiliser un plugin de type « Site Origine Carrousel d’article »
Titre Défini par le client
Description Défini par le client
Bouton de commande Lien vers la page Billetterie URL …/billetterie
Menu Fond foncé et texte clair
Section : Les exposantsIl s’agit de proposer une liste des exposants. Chaque nom d’exposant comporte un lien hypertexte qui pointe vers son site web. Chaque numéro de stand pointe vers un emplacement sur le plan du salon interactif situé juste en dessous de la liste. Le plan interactif permet également d’identifier un exposant en sélectionnant un emplacement.
Considérations techniques
Contenu Caractéristiques Commentaires
Page URL : …/accueil#exposants
Titre H2 Texte Modifiable
Tableau 3 colonnes :
1 - Nom de l’exposant Cliquable Lien vers le site web de l’exposant dans un autre onglet
2 - Pays
3 - Numéro de stand Cliquable Lien vers l’emplacement sur le plan du salon (Mapplic)
Plan du salon Plugin Mapplic Plan Fourni par le client
Numéros de stand Cliquables Lien vers le tableau
Nom de l’exposant Bulle info Nom, pays, site web
Téléchargeable au format PDF
Bouton PDF
Bouton de commande Lien vers la page Billetterie URL …/billetterie
Section : Infos pratiquesCette section propose un plan localisant le salon sous Google Maps ainsi que la liste des différents accès et parkings.
Considérations techniques
Contenu Caractéristiques Commentaires
Page URL : …/accueil#infos
Titre H2 Texte
Dates lieux horaires H3 Texte
Carte Intégration Maps API Compte Google [email protected]
Bouton de commande Lien vers la page Billetterie URL …/billetterie
5.3.2. Page Exposer Cette page est dédiée aux professionnels de la chocolaterie qui envisagent de participer. On y trouve un argumentaire et une démonstration de la couverture médiatique suivi d’un formulaire à renseigner pour recevoir par eMail un dossier d’inscription.
Considérations techniques
Contenu Caractéristiques Commentaires
Page URL : …/proMot clé principal : chocolatier
La page contient 4 sections. La quatrième contient le formulaire de demande de dossier#form
Diaporama ou vidéo publicitaire
Titre Défini par le client
Description Défini par le client
Titre (Phrase argumentaire)
H1 Texte
Bouton de commande Lien vers la section formulaire URL …/pro#form
Titres de section H2 Texte
Podcasts vidéo Stockage sur serveur WP Bibliothèque podcasts
Intégration vidéo html5
Podcasts radio Stockage sur serveur WP Bibliothèque podcasts
Intégration lecteur audio
Formulaire Plugin ContactForm7 ou équivalent
Champs obligatoires Tous sauf « site web »
From [email protected]
Destinataire du formulaire BAL client
Liste des activités Artisan chocolatierIndustriel chocolatierPâtissierProducteur cacaoNégociantAutre
Sécurité reCaptcha
5.3.3. Page PresseCette page est à destination des professionnels de l’information. Elle permet de télécharger les éléments visuels (logos, bannières …) et les communiqués de presse au format PDF. En bas de page un formulaire permet d’effectuer une demande d’accréditation.
Considérations techniques
Contenu Caractéristiques Commentaires
Page URL : …/presseMot clé principal : chocolat
La page contient 3 sections. La troisième contient le formulaire de demande de dossier#form
Titre Section H2 Texte
Sous titre section H3 Texte
Logos, bannières, affiches,flyers
Icônes Miniatures 50 px X 50 px
Fichiers Stockés sur serveur WP
BibliothèquePresse
Cliquer pour télécharger
Communiqués de presse Fichiers Stockés sur serveur WP
BibliothèquePresse
Cliquer pour télécharger
Formulaire Plugin ContactForm7 ou équivalent
Champs obligatoires Tous sauf « site web et carte de presse»
From [email protected]
Destinataire du formulaire BAL client
Liste des médias Presse quotidienneRadioTélévisionBlog
Sécurité reCaptcha
Bouton de commande Lien vers la section formulaire URL …/presse#form
5.3.4. Pied de page
Considérations techniques
Contenu Caractéristiques Commentaires
Informations légales Code HTML disponible ici
5.3.5. Cinématique de la fonctionnalité de billetterieCette page est générée par l’intégration du widget (iframe) de Weezevent, c’est la première du dispositif de paiement réalisé en personnalisant légèrement celui du prestataire Weezevent. Ce dispositif contient quatre étapes : Panier, Coordonnées Paiement et Confirmation
Panier : Cette page propose au visiteur de choisir des billets en fonction du jour et de la date. Les prix sont exprimés en euros. Une fonction permet au visiteur de choisir un affichage de ces pages en anglais. Les logos des cartes bancaires acceptées sont indiquésen bas de page. En cliquant sur le bouton suivant, le visiteur arrive sur la page suivante.
Coordonnées : Ici le visiteur s’identifie et accepte les conditions générales de vente.
Paiement : Cette page récapitule la commande et permet de saisir les information de la carte bancaire pour un paiement en ligne.
Confirmation : A la fin de la transaction un message confirme que celle-ci s’est correctement déroulée et qu’un eMail de confirmation est envoyé à l’internaute. En bas de page celui-ci est invité à partager son achat sur des réseaux sociaux.
6. Spécifications techniques
6.1. Choix technologiquesUn développement du site web à partir de rien serait trop coûteux et risqué en terme de délais de réalisation. D’autre part une interface graphique pour l’administration et la publication de contenus est indispensable pour permettre au service communication d’effectuer leur travail une fois le site livré. Un solution CMS (Content Management System) est donc la meilleure option pour mener à bien ce projet.Après analyse des critères de la score card suivante , le CMS Wordpress est le plus indiqué pour réaliser le site.
Facilitéd’utilisation (5)
Choix de plugins(3)
Support etexpertise (2)
Score total sur10
Wordpress 5 2 2 9
Joomla 4 1 1 6
Dru pal 4 2 2 8
Pour mettre en œuvre toutes les fonctionnalités identifiées dans le périmètre fonctionnel le site utilisera :
• Le thème Eventum parfaitement adapté pour réaliser ce type de site• Le plugin Mapplic pour intégrer un plan du salon interactif• Le plugin Yoast SEO pour contrôler la qualité des pages et des articles• Une intégration Google Maps• Une intégration Google Analytics
6.2. Domaine et hébergement
6.2.1. Nom de domaine et hébergementLe nom de domaine www.salonduchocolat-2017.com sera déposé au registre OVH et également hébergé chez OVH avec un contrat haute disponibilité, un trafic illimité et un service de sauvegarde/restauration. Le contrat sera pris pour une durée de un an. Comme le salon du chocolat 2017 est un événement ponctuel, le client devra décider si il souhaite renouveler le contrat. L’agence peut se charger d’effectuer ces taches dans le cadre d’un contrat de maintenance.
6.2.2. SSLLe cryptage SSL est installé (Let’s Encrypt) et le renouvellement des certificats tous les trois mois est automatique. Le protocole HTTPS est activé automatiquement l’adresse web du site sera : https://www.salonduchocolat-2017.com.Concernant le dispositif de paiement, celui-ci utilisera sera sécurisé par Global Sign, le prestataire de Weezevent.
6.2.3. EmailNous créerons une adresse eMail dans le même domaine , pour les besoins de fonctionnement du site. La création de cinq nouvelles adresses eMail pourra être réalisée à la demande du client. Adresse eMail a créer pour la confirmation de paiement :
6.3. Accessibilité
6.3.1. Compatibilité navigateurLe site sera compatible avec les navigateurs suivants :
• Google Chrome• Safari• Opéra• Mozilla Firefox• Microsoft Edge• Internet Explorer
6.3.2. Types d’appareilsLe site sera optimisé pour assurer une expérience utilisateur optimale sur tout types d’appareil, répondant aussi bien aux clics qu’au toucher. Le choix du Thème Eventum lui conférera une
qualité dite « Full Responsive » idéale pour s’adapter a tout type d’écrans. L’architecture des page permettra de faire défiler verticalement les différentes sections les unes à la suite des autres sans effort Types de terminaux compatibles :
• Smartphones• Tablettes• Chromosomes• Consoles de jeux portables• PC (Fixes ou portables)
6.4. Services tiers• Billetterie centralisée : Weezevent• Suivi analytics : Google analytics• Carte d’accès : Google Maps
6.5. SécuritéLes comptes détenant des droits Administrateur du site seront limités aux personnes suivantes :
• Le commanditaire• Le chef de projet et le responsable technique de l’agence Digitalizer
6.6. Maintenance et évolutionsNous recommandons de souscrire un contrat annuel de maintenance et d’assistance avec l’agence pour assurer les mises à jours du site et bénéficier d’une garantie de temps de disponibilité ainsi qu’une garantie de temps de rétablissement. Un dispositif de sauvegarde journalier des fichiers et des bases de données sera déployée dans le cadre du contrat. Chaque fichier de sauvegarde sera conservés sur un bucket de stockage appartenant à Digitalizer et hébergé chez Amazon avec une durée de rétention de 14 jours.
