Agence d’Attractivité de l’Alsace – Access Alsace Château Kiener | 24 rue de Verdun | 68000 Colmar | Tél : +33 (0)3 89 29 81 00

alsace.com

Cahier des spécifications et des clauses techniques particulières

Refonte de l’écosystème

tourisme-alsace.com

Version : 3.3 – 21/11/2017 16:30

alsace.com 2

Table des matières

1. Lot 1 : REFONTE DE L’ECOSYSTEME DIGITAL TOURISME-ALSACE.COM ................................. 5

I. Présentation générale du projet ...................................................................................................... 5

A. Contexte ........................................................................................................................................... 5

1. Ligne éditoriale ........................................................................................................................... 5

2. Le système d’information touristique : LEI ........................................................................... 5

3. La Gestion de la Relation Clientèle ......................................................................................... 5

B. Objectifs du site .............................................................................................................................. 5

C. Objectifs de la refonte ................................................................................................................... 6

D. Prestations attendues ................................................................................................................... 6

E. Eléments à remettre pour la réponse à l’appel d’offres ........................................................ 6

F. Règlement et modalités de réponse .......................................................................................... 6

G. Critères de choix pour l’attribution de l’appel d’offres .......................................................... 7

H. Rôle de l’Agence d’Attractivité de l’Alsace................................................................................ 7

I. Méthodologie de travail ................................................................................................................ 7

J. Périmètre du projet ........................................................................................................................ 7

1. Définition des langues principales .......................................................................................... 8

2. Définition des langues secondaires ........................................................................................ 8

K. Phasage du projet ........................................................................................................................... 8

L. Contact .............................................................................................................................................. 8

II. Ambiance et concept souhaités ....................................................................................................... 9

A. Concept ............................................................................................................................................. 9

B. Mobile first ....................................................................................................................................... 9

C. Valorisation des contenus ............................................................................................................. 9

1. Contenus d’expériences ............................................................................................................ 9

2. Fonctionnalité de contenus suggérés .................................................................................... 9

D. Les tendances que nous souhaitons suivre ............................................................................ 10

1. Flat design / Material Design ................................................................................................ 10

2. Construction écoresponsable ............................................................................................... 10

3. Polices et valorisation de l’information .............................................................................. 10

E. Pistes créatives ............................................................................................................................. 10

1. Organisation de la page et storytelling .............................................................................. 10

2. Couleurs ..................................................................................................................................... 10

3. Menu .......................................................................................................................................... 11

4. Footer ......................................................................................................................................... 11

5. Cartographie schématique .................................................................................................... 11

III. Description des principales fonctionnalités attendues en front office ................................ 12

A. Moteur de recherche de disponibilité des hébergements ................................................. 12

1. Moteur de disponibilités ........................................................................................................ 12

alsace.com 3

2. Ordre de la liste de résultat .................................................................................................. 12

B. Moteur Agenda ............................................................................................................................ 12

C. Module cartographique.............................................................................................................. 12

D. Moteurs de recherche ................................................................................................................ 13

E. Tri par distance (géolocalisation) ............................................................................................. 13

F. Services tiers ................................................................................................................................. 13

1. Trustyou ..................................................................................................................................... 13

2. Modules de partage ................................................................................................................ 13

3. Mur social : dialogfeed ........................................................................................................... 13

4. Instagram .................................................................................................................................. 13

IV. Description des principales fonctionnalités attendues en back office ................................. 14

A. Architecture technique, cache et gestion des requêtes LEI ............................................... 14

1. Algolia ........................................................................................................................................ 14

2. Fonctionnement LEI-Algolia .................................................................................................. 14

3. Type de listes ............................................................................................................................ 14

B. Création des moteurs à facette ................................................................................................ 14

C. Moteur de recherche sémantique ........................................................................................... 15

D. Page builder .................................................................................................................................. 15

E. Gestion du footer et du menu principal ................................................................................. 15

F. Modèles de page ......................................................................................................................... 15

1. Principaux écrans à créer/décliner ....................................................................................... 15

2. Principales pages produits LEI à créer................................................................................. 16

G. Affichage des critères LEI dans les pages de listes ............................................................... 16

H. Affichage des critères LEI dans les pages « produits » ......................................................... 16

V. Traitement statistiques, GRC, CRO ............................................................................................... 17

A. KPI ................................................................................................................................................... 17

B. A/B Testing .................................................................................................................................... 17

C. Collecte de data ........................................................................................................................... 17

D. Gestion de la Relation Clientèle ............................................................................................... 17

E. Formulaires d’envois de mail ..................................................................................................... 18

1. Mise en place des formulaires sur le site ............................................................................ 18

2. Traitement statistique en back office des mails envoyés ............................................... 18

F. Trigger marketing et emailing transactionnel ....................................................................... 18

G. Profilage (option) ......................................................................................................................... 18

H. Conformité CNIL / RGPD ............................................................................................................ 18

VI. Exigences ............................................................................................................................................ 19

A. CMS et politique de sécurité ..................................................................................................... 19

1. Caractéristiques du CMS ........................................................................................................ 19

2. Sécurité ...................................................................................................................................... 19

alsace.com 4

3. Gestion des traductions ......................................................................................................... 19

4. Editeur CSS / WYSIWYG .......................................................................................................... 19

B. Référencement ............................................................................................................................ 19

1. Redirections .............................................................................................................................. 20

2. SiteMap ...................................................................................................................................... 20

3. SEO du moteur à facettes ...................................................................................................... 20

4. Données structurées et SERP ............................................................................................... 20

5. SSL ............................................................................................................................................... 20

C. Technologie, rapidité et accessibilité ...................................................................................... 20

D. Tests de performance/qualité .................................................................................................. 21

E. Stratégie de déclinaison de site ................................................................................................ 21

F. Stratégie de déclinaison par langue à l’intérieur d’un site ................................................. 21

2. Lot 2 : Hébergement des sites ....................................................................................................... 22

I. Exigences ............................................................................................................................................ 22

3. ANNEXES ............................................................................................................................................ 23

I. Annexe 1 : exemple de sites ........................................................................................................... 23

II. Annexe 2 : tunnel de conversion ................................................................................................... 23

III. Annexe 3 : bordereau de prix à compléter.................................................................................. 24

A. Frais d’investissements (lot 1) ................................................................................................... 24

B. Frais récurrents ............................................................................................................................ 25

alsace.com 5

1. LOT 1 : REFONTE DE L’ECOSYSTEME

DIGITAL TOURISME-ALSACE.COM

I. Présentation générale du projet

A. Contexte

L’Agence d’Attractivité de l’Alsace (AAA) et Alsace Destination Tourisme (ADT) engagent la refonte de leur écosystème digital : tourisme-alsace.com, le site Route des Vins d’Alsace, le site famille, le site de Noël (le site Alsace à vélo n’est pas à ce stade concerné par cette refonte). Il s’agit de sites internet à fort trafic qui ont vocation à faire la promotion touristique de l’Alsace.

1. Ligne éditoriale

Notre nouveau site valorisera davantage l’expérience de séjour. Cette approche éditoriale proposera une meilleure expérience utilisateur au travers de contenus à forte valeur ajoutée uniques et riches. Le choix des sujets, le ton, la sémantique et le choix des visuels créera une approche plus expérientielle.

2. Le système d’information touristique : LEI

Le LEI constitue une des principales sources d’informations qui alimentera notre site. C’est l’unique système d’information touristique utilisé par les structures touristiques (AAA, ADT, Offices de Tourisme…) en Alsace afin de valoriser l’offre touristique sur différents canaux (sites internet, brochures…).

3. La Gestion de la Relation Clientèle

AAA et ADT sont à l’initiative du développement d’une plateforme (AVIZI) de GRC à l’échelle de l’Alsace dans le cadre de leur mission de promotion touristique. La GRC Alsace est fondée sur un partage à l’échelle de la destination de tous les contacts des structures (Office de Tourisme, ADT, AAA) prenant part au projet. Ces contacts sont regroupés dans une base de données unique.

La GRC Alsace s’articule autour de 2 cycles relationnels (avant/après le séjour et pendant le séjour) durant lesquels les messages seront envoyés aux contacts.

B. Objectifs du site

· Véhiculer une image attractive de la destination.

· Informer les internautes et leur permettre d’organiser leur séjour.

· Générer des prospects pour les prestataires alsaciens.

alsace.com 6

C. Objectifs de la refonte

· Passer d’un site prioritairement informatif et base de données à un site de mise en avant de contenus d’expériences travaillés, rédigés et sélectionnés

· Placer les listes base de données (LEI) dans un second temps

· Créer un tunnel de conversion (voir annexe)

· Combiner l’expérience utilisateur avec le SEO.

· Accroître la rapidité d’affichage du site.

· Accroître la visibilité et l’apport d’affaires des prestataires.

· Enrichir notre base de prospects pour notre GRC.

D. Prestations attendues

· La conception et l’intégration de la charte graphique.

· La réalisation des développements techniques du site et de ses fonctionnalités.

· La validation des actions en conformité avec la législation pour la gestion des données statistiques.

NB 1 : S’agissant de l’utilisation du Système d’Informations (le LEI), au moins un développeur devra se faire certifier LEI.

E. Eléments à remettre pour la réponse à l’appel d’offres

· Une présentation synthétique de l’entreprise et de références significatives.

· Une présentation synthétique de l’équipe projet.

· Une présentation de la méthodologie de travail et un calendrier détaillé (étapes de validation, nombre de réunions…).

· Une note sur votre approche méthodologique SEO.

· Une note technique détaillant les choix technologiques (module cartographique, choix du CMS…) et un engagement sur les fonctionnalités que nous souhaitons et/ou vos contre-propositions ainsi que vos suggestions.

· Une proposition graphique de la page d’accueil du site tourisme-alsace.com sur un smartphone (ex : Iphone 8).

· Une proposition graphique pour la page blog sur un smartphone (ex : Iphone 8).

· Une recommandation synthétique sur la stratégie de nom de domaine pour l’ensemble de nos sites (tourisme-alsace.com, le site Route des Vins d’Alsace, le site de Noël, le site famille). L’agence détaillera les risques/bénéfices/conséquences attendus d’un éventuel passage de nos URL avec l’extension en .alsace.

· Des propositions de projets innovants permettant d’améliorer nos actions et nos performances.

· Une proposition tarifaire détaillée (voir annexes).

F. Règlement et modalités de réponse

· Le budget maximum consacré à la refonte (lot 1) est inférieur à 90 000€HT

· Les répondants sont invités à envoyer un acte d’engagement de réponse à l’appel d’offres. Une confirmation de réception sera envoyée par mail.

· AAA et ADT se réservent le droit d’annuler l’appel d’offres en cas de réponses jugées insuffisantes.

· Les dossiers sont à transmettre par voie électronique uniquement. Une confirmation de réception sera envoyée par courriel.

alsace.com 7

G. Critères de choix pour l’attribution de l’appel d’offres

· La qualité de réponse du répondant, son expérience dans des projets complexes (multisites…), la qualité de ses références en webmarketing/SEO/UX, les moyens humains et l’expérience de l’équipe projet, et ses capacités à nous accompagner dans des projets data (30%).

· L’ergonomie/design de la maquette (20%).

· La pertinence budgétaire (30%).

· L’innovation et sa capacité à être force de proposition (20%).

NB : Les connaissances dans les Systèmes d’Informations et en particulier le LEI sont un plus.

H. Rôle de l’Agence d’Attractivité de l’Alsace

· Assure la Maitrise d’Ouvrage, en relation avec ses partenaires co-financeurs.

· S’implique activement à toutes les étapes du projet.

· Fournit et intègre les contenus (traductions, médias…).

· Fournit et intègre les requêtes LEI.

I. Méthodologie de travail

· Nous souhaiterions nous inspirer d’une méthodologie de travail de type lean start-up et agile pour construire le site.

· En cours de projet, il serait souhaitable de pré-tester certaines fonctionnalités auprès d’internautes pour avoir un retour d’expérience (la base de contacts est déjà constituée).

· L’agence utilisera un logiciel de gestion de projet centralisant les demandes et questions de AAA.

· A l’issue de la période de la refonte, l’agence fournira régulièrement un relevé d’heures sur le travail de maintenance effectué (nom de la tâche – date de la demande – nombre d’heures consommées pour la tâche).

J. Périmètre du projet

· Ce projet concerne la refonte de l’ensemble des sites suivants :

o Le site générique de la destination : www.tourisme-alsace.com

o Le site du tourisme sur la Route des Vins d’Alsace : www.route-des-vins-alsace.com

o Le site consacré à Noël en Alsace : http://noel.tourisme-alsace.com

o Le site consacré aux vacances en famille en Alsace : www.alsace-en-famille.com

Sites internet Langues principales

(LEI) Langues secondaires (contenus

éditoriaux uniquement)

www.tourisme-alsace.com FR, DE, EN IT, NL, ES

www.route-des-vins-alsace.com FR, DE, EN

http://noel.tourisme-alsace.com FR, DE, EN

www.alsace-en-famille.com FR

alsace.com 8

1. Définition des langues principales

· Le site est dupliqué à partir de la version française.

· Des adaptations sont néanmoins possibles dans l’arborescence ou dans certaines rubriques.

· Toutes les fonctionnalités demandées sont disponibles (sauf mentions contraires).

· Le site fonctionne avec le LEI.

2. Définition des langues secondaires

· Il n’y a pas d’appel au LEI.

· Le volume de contenu est plus réduit.

· L’arborescence et donc le menu peuvent être différents des langues principales.

K. Phasage du projet

· Lancement de l’appel d’offre : 22 novembre 2017

· Confirmation par mél des sociétés souhaitant participer : 30 novembre 2017

· Date limite de réception des candidatures : 22 décembre 2017 à 12h00

· Audition des agences : début 2018

· Sélection de l’agence retenue : début 2018

· Validation de la charte graphique : début 2018

· Livraison du back office tourisme-alsace.com en français : 1er semestre 2018

· Mise en ligne de tourisme-alsace.com : courant 2ème semestre 2018

L. Contact

Muller Cyrille Agence d’Attractivité de l’Alsace Web Manager c.muller@alsace.com

alsace.com 9

II. Ambiance et concept souhaités

A. Concept

· Un site simple, instinctif, facile à naviguer et respectant les principes ergonomiques standards.

· Un site qui donne plaisir à utiliser, c’est-à-dire basé sur l’expérience utilisateur.

· Un design sobre et flexible, inspiré du flat design et du one page.

· Un site immersif, quel que soit le type de contenu (photos, vidéos…)

B. Mobile first

· Le site et toutes ses fonctionnalités (cartographie, affinage…) seront développés dans une logique mobile first.

· Nous privilégierions le développement du site en Responsive plutôt qu’en Dynamic Serving.

· Le fonctionnement du site sera optimisé pour l’ergonomie sur tous types de supports, tous types de résolutions, en format paysage ou portrait.

· Les sites devront passer les tests de comptabilité Google.

· L’agence étudiera la possibilité de réaliser le site en progressive web app, notamment la compatibilité avec Algolia, le LEI, les différents navigateurs (Firefox, Edge…) et OS (IOS…)

C. Valorisation des contenus

· Nous souhaitons donner une approche plus éditoriale et moins base de données à nos sites. Cela passe par la valorisation des contenus expérientiels.

1. Contenus d’expériences

· Ces contenus peuvent être contextualisés dans différentes rubriques (exemple : un article « châteaux » se trouvera à la fois dans la rubrique blog et contextualisé dans un univers « histoire »).

· Une rubrique permet de publier des articles d’expériences, des vidéos etc.

· Des moteurs à facette permettent d’affiner les articles par date, par thématique…

· Un traitement graphique particulier sera apporté à cette rubrique.

2. Fonctionnalité de contenus suggérés

· Une fonctionnalité « contenus connexes » permet de suggérer différents types de contenus (bloc LEI, articles d’expériences, articles d’itinéraires…)

alsace.com 10

D. Les tendances que nous souhaitons suivre

1. Flat design / Material Design

· Nous souhaiterions que le design du site soit d’inspiration flat et material design.

· Nous souhaiterions que le site utilise des effets interactifs afin de le rendre plus agréable à utiliser :

o Effets Material Design

o Effets sur les boutons

o Zoom sur les photos en rollover

o Datepicker…

· Ces effets respecteront les standards préconisés : https://material.io/guidelines/

· Les effets lightbox ne sont pas souhaités.

2. Construction écoresponsable

· Le site sera conçu de manière écoresponsable : site rapide, accès réduits aux serveurs…

3. Polices et valorisation de l’information

· Nous souhaiterions utiliser, dans la mesure du possible, la police Ubuntu.

· Des variations de contraste dans les tailles, les graisses et les couleurs permettent de mettre en valeur l’information.

· Des boutons d’appel à l’action (« Téléchargez », « Réservez »…) interpellent l’internaute.

· Des mises en exergue permettront de valoriser des informations importantes

· Des icônes (https://fortawesome.com/, Material design…) illustreront des informations importantes.

E. Pistes créatives

1. Organisation de la page et storytelling

· Nous souhaitons une organisation de page flexible (width relatif), utilisant les largeurs de l’écran.

· Nous souhaiterions impliquer l’internaute dans une histoire, ce qui signifie :

o Créer des mono pages avec des long scroll verticals racontant une histoire.

o Créer une émotion par la mise en valeur de photos et de textes…

2. Couleurs

· Les couleurs choisies pour le site et pour les déclinaisons seront sélectionnées dans la palette de couleurs du code de la marque alsace.

· Vous trouverez ces éléments à cette adresse : http://www.marque-alsace.fr/les-couleurs

alsace.com 11

3. Menu

· Nous souhaiterions construire un menu XL, présentant à la fois les rubriques mais également des contenus que nous souhaitons valoriser (par exemple des contenus journalistiques du blog…)

· Des vignettes photos ou des icônes peuvent illustrer des rubriques, sous rubriques ou des contenus journalistiques.

· Suivant la taille de l’écran, le menu est déployé (par exemple en version bureau) ou apparaissant sous la forme d’un hamburger (smartphone).

· Les sous-régions sont illustrées par des cartes schématiques interactives

· Il convient de prévoir un sticky menu pour le scroll.

4. Footer

· Le site doit valoriser nos sites tourisme : route des vins, famille, Noël, vélo… mais également d’autres contenus (carte, réseaux sociaux…).

· Nous imaginons ce footer en version XL.

5. Cartographie schématique

· L’agence réalisera une carte (responsive) cliquable permettant de valoriser des territoires. Le nombre exact de destination n’est pas encore déterminé.

Ex : https://www.nycgo.com/ (rubrique « plan your visit »)

alsace.com 12

III. Description des principales fonctionnalités attendues en front office

A. Moteur de recherche de disponibilité des hébergements

1. Moteur de disponibilités

· Le moteur de recherche comprend un champ date pour les listes suivantes :

o Listes d’hôtels

o Listes de locations de vacances

o Liste des chambres d’hôtes

2. Ordre de la liste de résultat

· La liste affiche en priorité les hébergements ayant des disponibilités partielles ou totales sur la période indiquée, puis le reste des hébergements (y compris ceux qui ne sont pas disponibles ou dont l’information n’est pas connue).

· Une vignette indique si les hébergements sont « disponibles » ou « partiellement disponibles ». Si aucune disponibilité est connue, il convient d’indiquer « vérifiez les disponibilités auprès de l'établissement».

B. Moteur Agenda

· Un moteur de recherche spécifique aux événements est installé sur la page agenda.

· Il comprend un champ « date » (début et fin), ainsi qu’une recherche textuelle (nom de la commune ou nom de l’événement).

C. Module cartographique

· L’agence étudiera techniquement et financièrement la mise en œuvre d’une solution cartographique openstreetmap/leaflet/mapbox.

· L’écran est divisé en 2 zones : l’une pour les listes LEI, une autre pour l’affichage de la carte.

· Le module d’affinage interagit à la fois sur la liste LEI et sur la carte.

· La carte devra afficher certaine liste avec des tracés KLM issus du LEI.

· Le passage de la souris sur un item de la liste LEI déclenche l’ouverture d’une infobulle et le centrage de l’item (ou le tracé GPS) sur la carte.

· Dans le cas d’un tracé KLM, un clic (ou le survole) sur le marqueur permet d’afficher le tracé KLM

· En fonction du niveau de zoom, un regroupement de marqueurs permet de placer un grand nombre d’items (y compris des tracés KLM) sur une carte sans la rendre difficile à lire.

· Sur les cartes valorisant les destinations, des délimitations géographiques sont à prévoir.

· Par défaut, la délimitation du contour de l’Alsace est à prévoir sur toutes les cartes.

· Sur mobile, la carte interactive ne doit pas empêcher le scroll de la builder.

Exemple : pour activer la navigation dans la carte, il faut utiliser deux doigts. L’utilisation d’un seul doigt permet de scroller verticalement.

alsace.com 13

D. Moteurs de recherche

· Des moteurs de recherche textuels et des moteurs à facette seront disponibles dans chaque liste LEI.

· Les moteurs de recherche sémantique, les moteurs à facette et la carte interagiront les uns avec les autres. Par exemple une recherche sémantique affinera à la fois la liste des résultats, la carte et les résultats du moteur à facette.

E. Tri par distance (géolocalisation)

· Dans le cas d’une connexion à partir d’un support mobile, une fonctionnalité « Autour de moi » permet à l’internaute de trier toutes les listes LEI par distance en fonction de sa géolocalisation.

· Le choix du mode d’activation de cette fonctionnalité reste à déterminer :

o soit une activation automatique du tri en fonction de sa géolocalisation.

o soit une activation manuelle en cliquant sur un bouton.

F. Services tiers

Plusieurs services tiers sont à installés (liste non exhaustive) :

1. Trustyou

· Intégration des flux Trustyou dans les listes et fiches produits.

· L’agence reprendra les Meta-review de façon à les rendre référençables par les moteurs de recherche et indexables dans le moteur de recherche interne.

2. Modules de partage

· Les fonctionnalités de partage sur les réseaux sociaux devront être bien mises en valeur pour favoriser la viralité.

3. Mur social : dialogfeed

· L’agence intègrera des murs sociaux (fournis par AAA). La méthode d’intégration (Iframe…) est à déterminer.

4. Instagram

· Il devra être possible d’inclure des photos d’instagram dans les articles CMS.

· L’agence étudiera l’inclusion des photos géolocalisés d’Instagram dans les fiches LEI. Cette possibilité devrait être possible avec notre module Dialogfeed via une API (XML ou JSON).

alsace.com 14

IV. Description des principales fonctionnalités attendues en back office

A. Architecture technique, cache et gestion des requêtes LEI

1. Algolia

· Sans que cela ne soit un choix définitif, nous privilégierions la technologie Algolia en tant que système de cache pour :

o Afficher les listes LEI

o Affiner les listes LEI avec les moteurs à facettes Algolia InstantSearch

o Affiner par le nom de la commune avec Algolia Places

o Naviguer et affiner des résultats sur une carte

o Créer des moteurs de recherche (interne au site) sémantique indépendamment du type de contenu (CMS ou LEI) …

· L’agence optimisera la gestion des requêtes et l’architecture des sites pour ne pas dépasser un budget maximal de 10 000€ TTC / an pour tous les sites et dans toutes les langues.

· Le répondant est invité à prendre connaissance de la documentation :

https://community.algolia.com/instantsearch.js/documentation/

2. Fonctionnement LEI-Algolia

· Les requêtes LEI sont générées au format JSON par AAA et intégrées dans le CMS.

· Les résultats sont ensuite automatiquement intégrés dans Algolia pour être affichés sur les sites.

· La mise à jour des requêtes LEI engendre automatiquement une mise à jour de la base Algolia. La fréquence de mise à jour est à déterminer.

· AAA peut créer ou supprimer librement de nouvelles listes LEI en se basant sur la technologie Algolia.

· L’ordre défini dans les requêtes LEI (par le scoring ou des dates…) est à conserver.

3. Type de listes

Il existe deux types de liste :

· Des listes avec les requêtes LEI :

o Des listes simples (sans dates)

o Des listes avec requêtes de dates ou d’horaires (qu’il conviendra d’afficher)

· Des listes mixant des articles CMS et des fiches LEI individuelles.

B. Création des moteurs à facette

· Des textes d’introduction de listes existent dans certains affinages.

· Pour chaque liste LEI, le webmaster du site peut définir en back office les n° de critères/modalités ou n° de Type LEI sur lesquels il souhaite affiner.

· Les informations à affiner peuvent être :

o Des critères et des modalités

o Des prix (dans ce cas il s’agit d’une valeur numérique liée à un couple critère/modalité)

o Une localisation…

alsace.com 15

· Les intitulés des critères d’affinage existant dans le LEI, peuvent être renommés pour une optimisation SEO sur les sites internet.

· Idéalement le webmaster peut décider en back office de l’emploi du widget le plus approprié (slider de prix…).

· Sur mobile, le moteur à facette est appelé par des boutons, toujours disponibles à l’écran (même en scrollant).

C. Moteur de recherche sémantique

· Un moteur de recherche sémantique avec auto complétion sera mis en place. Celui-ci permettra d’effectuer une recherche dans l’ensemble des contenus du site (LEI/CMS).

· Nous privilégierions la technologie Algolia

D. Page builder

· Les modèles de page ne sont pas figés et le webmaster peut les adapter ou les modifier via un page builder.

· Ce page builder permet de gérer ou agréger sur des pages des blocs de contenus.

· Ces blocs de contenus peuvent être :

o des médias

o des articles d’expériences

o des requêtes LEI/Algolia

o des blocs de textes

o des modules d’inscriptions à la newsletter

o etc…

E. Gestion du footer et du menu principal

· Le footer et le menu sont administrables dans le CMS.

· Des photos peuvent illustrer des rubriques du menu.

· Certaines rubriques ou articles journalistiques peuvent remonter directement dans le menu (sélection manuelle).

F. Modèles de page

· L’agence devra construire ou décliner plusieurs gabarits de pages.

1. Principaux écrans à créer/décliner

· Page d’accueil des sites

· Page d’accueil d’un univers de destination (exemple : Route des Vins d’Alsace)

· Page d’accueil d’un univers thématique (exemple : Patrimoine et Histoire)

· Page d’accueil d’une rubrique (exemple : tourisme de mémoire)

· Page itinéraires

· Page de liste LEI avec les moteurs d’affinage

· Page d’éditorialisation de l’offre

· Page blog

· …

alsace.com 16

2. Principales pages produits LEI à créer

· Lieux/évènements

· Hôtels

· Locations

· Campings

· Hébergements collectifs

· Séjours

· Restaurants

· …

G. Affichage des critères LEI dans les pages de listes

· Affichage des dates : s’il s’agit d’une requête avec dates, il conviendra de les afficher.

· Affichage des horaires d’ouverture : une mention « Ouvert aujourd’hui de XXh à XXh » ou sinon « Fermé aujourd’hui mais ouvert demain » indique si le lieu ou l’activité est possible aujourd’hui.

· Une fonctionnalité « Voir les dates et horaires » permet d’afficher le widget calendrier des horaires et jours d’ouverture.

· Plusieurs critères différents sont à afficher (dont certains sous forme de pictogrammes qui seront fournis) dans les listes des fiches LEI :

o Pour lieux /événements : tarifs, durée de visite, dates d’ouverture, localisation, niveau d’intérêt national.

o Pour les séjours : tarif à partir de, durée, localisation

o Pour les hébergements : classement préfectoral, tarif à partir de, notes de voyageurs (via un service tiers dont nous disposons)

o Etc…

H. Affichage des critères LEI dans les pages « produits »

· Les fiches « produits » seront extraites par une requête du type :

http://apps.tourisme-alsace.info/XML/exploitation/ficheproduit.asp

· La liste avec les critères LEI à afficher sur les pages « produits » sur les différents modèles de page sera transmise par AAA. En fonction du type de fiche, les critères à afficher sont les suivants :

o Un descriptif

o Des éléments médias : photos avec le copyright, vidéos…

o Une carte avec des tracés KML

o Des informations pratiques (confort, tarifs…)

o Un widget horaires (Iframe)

o Un widget de disponibilité (Iframe)

o Des évènements liés

o Des fiches liées (c’est-à-dire une fonctionnalité du type « voir aussi »)

o Des logos (liés à des critères LEI)

o …

alsace.com 17

V. Traitement statistiques, GRC, CRO

A. KPI

· Le marquage analytics devra être préparé en association avec Google Tag Manager.

· Un marquage spécifique sera mis en place sur plusieurs boutons d’appel à l’action. Cette méthodologie est fournie par AAA pour mesurer :

o Les clics sur les boutons de téléphone

o Les clics sur les boutons vers le site internet du prestataire

o Les clics sur les boutons d’envois formulaire mél pour des demandes d’information/réservation

· Les autres KPI que nous souhaitons mesurer sont :

o L’efficacité du tunnel de conversion (voir annexe)

o Le nombre d’inscris à l’infolettre

o Le nombre de téléchargement de PDF

o Le nombre de partages sociaux

o …

B. A/B Testing

· L’agence pourra mettre en œuvre des outils d’optimisation d’A/B Testing (idéalement Optimize de Google) afin d’optimiser l’efficacité de nos KPI et valider des choix graphiques et éditoriaux.

C. Collecte de data

· D’une manière générale, le recueil de tout type de données réalisées sur (site centric), et en dehors de nos sites (user centric), nous permettant de mieux connaitre la demande serait intéressante.

Les objectifs étant de :

o mieux connaitre les attentes du consommateur

o connaître le parcours utilisateur

o identifier des comportements prédictifs

o profiler les personnes

o proposer des contenus personnalisés

o etc…

· Les données collectées doivent être exportables pour permettre son analyse.

D. Gestion de la Relation Clientèle

· Plusieurs modules (widget) développés dans le cadre de la plateforme de GRC sont à intégrer :

o Des modules d’inscription à nos infolettres.

o Des modules de téléchargement/commande de brochures papier.

· L’agence devra adapter les formulaires pour une bonne intégration à la charte graphique du site.

alsace.com 18

E. Formulaires d’envois de mail

1. Mise en place des formulaires sur le site

· 2 formulaires d’envois de mail seront mis en place sur les fiches produits pour permettre aux internautes de faire des demandes d’information/réservation directement auprès des prestataires.

o Un formulaire spécifique pour les hébergements comprenant des champs : prénom, nom, email, téléphone, date d’arrivée et de départ, nombre d’adultes, nombre d’enfants, nombre de bébé, message.

o Un formulaire simple (pour toutes les autres fiches) comprenant les champs : prénom, nom, email, message

· Les formulaires intègrent une sécurité anti-spam · Les formulaires incitent les internautes à s’abonner à l’infolettre (prévoir d’utiliser l’API

de nos prestataires). · La délivrabilité des formulaires envoyés sera maximisée par notre prestataire pour la

gestion des newsletters

2. Traitement statistique en back office des mails envoyés

· Pour permettre un traitement statistique (collecte de datas), les informations des formulaires envoyés sont stockées et anonymisées dans une base.

· Les informations retenus sont : url de la fiche LEI du destinataire, titre de la fiche LEI du destinataire, ville du destinataire, date d’arrivée et de départ, nombre d’adultes, nombre d’enfants, nombre de bébés, code postal de l’envoyeur, date d’envoi du formulaire.

· L’export de ces informations structurées peut être automatisé par une API-Webservice

F. Trigger marketing et emailing transactionnel

· L’agence nous accompagnera dans une stratégie de lead nurturing. · Des scénarios de trigger marketing seront à étudier (confirmation de demandes,

remerciements, relance…) et à mettre en place avec notre prestataire d’emailing (prévoir l’utilisation d’API).

· Après avoir envoyé un formulaire, l’internaute recevra un mail de confirmation récapitulant sa demande (en FR, DE, ou EN selon la langue du site).

G. Profilage (option)

· Des scénarios de profilage seront étudiés et proposée par l’agence pour personnaliser certaines zones du site (page d’accueil, articles connexes…).

H. Conformité CNIL / RGPD

· L’agence s’assurera que le site internet et les fonctionnalités mises en œuvre sont conformes à la réglementation actuelle (CNIL) ainsi qu’à la réglementation RGPD entrant en vigueur le 25 mai 2018.

· Cela suppose notamment que :

o l’utilisateur du site pourra refuser tout ou partie des cookies déposés par le site ou par des tiers (réseaux sociaux…).

o que l’utilisateur soit informé de la finalité des cookies déposés sur son terminal par l’intermédiaire d’un bandeau d’information

o les cookies auront une durée de vie limitée (voir la règlementation).

o …

alsace.com 19

VI. Exigences

A. CMS et politique de sécurité

1. Caractéristiques du CMS

· Nous privilégions un CMS open source.

· Le CMS supporte le format UTF-8 pour le multilinguisme (Chinois, Japonais…).

· Le CMS accepte des noms de domaine différents suivant les langues d’un site. Par exemple le nom du domaine du site www.route-des-vins-alsace.com est www.elsass-weinstrasse.com en Allemand et www.alsace-wine-route.com en Anglais.

2. Sécurité

· Une politique de sécurité stricte devra être mise en place afin de se prémunir contre d’éventuelles attaques.

· La transmission des login/mdp entre le prestataire et le client se fera via un logiciel spécifique

· La mise à jour du CMS ainsi que des modules doit être faite régulièrement dès que des mises à jour critiques sont disponibles.

3. Gestion des traductions

· Les traductions en « dur » sont à proscrire.

· Les traductions peuvent être gérées directement dans le CMS.

4. Editeur CSS / WYSIWYG

· Un module intégré au CMS permet de :

o Modifier l’apparence des titres

o Mettre en place des boutons d’appel à l’action

o Insérer des photos d’Instagram dans les articles

o Insérer des cartes google dans un article

o Insérer des icônes (https://fortawesome.com/) …

B. Référencement

· Le référencement/SERP sera travaillé en mobile first.

· Le trafic issu des moteurs de recherche représente environ 75% du total. Nous souhaitons encore améliorer nos positions.

· Une stratégie devra être mise en place pour optimiser notre visibilité dans les moteurs de recherche. Cela implique notamment la prise en compte :

o De la dimension internationale de nos sites.

o Des contraintes de référencement dans les choix graphiques et dans les développements (…).

o Des risques de duplicate content à la fois pour des articles journalistiques et pour des fiches LEI.

o De l’optimisation des URL (réécriture d’url), y compris celles générées dynamiquement.

o De générer des balises dynamiquement (ex : balises Title pour les fiches LEI…).

o De rendre référençable un maximum de contenu (moteurs d’affinage…).

o De gérer des balises média en multilingue (ex : bibliothèque média…).

alsace.com 20

1. Redirections

· L’agence appliquera des règles de redirections des url, sur tous les sites et dans toutes les langues.

· AAA identifiera les principales URL à rediriger et transmettra à l’agence un tableau de correspondance entre les nouvelles URL et les anciennes URL.

2. SiteMap

· Compte tenu de la fréquence de mise à jour des fiches LEI, nous souhaitons mettre en place un sitemap informant les moteurs de recherches des mises à jour.

3. SEO du moteur à facettes

· Chaque liste LEI disposera de moteurs à facettes qu’il conviendra de rendre référençable. Nous attendons de l’agence retenue une stratégie SEO :

o règle de structuration pour éviter le duplicate content.

o profondeur des facettes indexables.

o choix des mots clés.

o non-référencement des facettes sans intérêt SEO etc…

4. Données structurées et SERP

· L’agence devra mettre en place des balises sémantiques Schema.org version 3.1 (ou ultérieur) sur les contenus pertinents.

· Nous souhaitons entres autres :

o conserver les avis d’internautes pour les restaurants et les hôtels https://goo.gl/VI9tEH

o favoriser les balises d’événements.

o configurer le rich snippet SearchAction.

o …

5. SSL

· Tous les sites seront configurés en https.

C. Technologie, rapidité et accessibilité

· Les pages du site seront compatibles avec le format AMP.

· Nous visons les temps de rapidités suivants :

o Temps de connexion (redirection, DNS, TCP…) : inférieur à 400ms

o Temps de traitement (serveur) : inférieur à 800ms

o Temps de réponse (réseau) : inférieur à 100ms

o Temps de chargement moyen d’une page : inférieur à 4 secondes

· Les technologies employées devront être choisies en respectant des principes de :

o légèreté (moins de scripts possibles) et de simplicité (pour le rendre évolutif).

o d’accessibilité quel que soit le terminal, le navigateur ou la résolution.

o rapidité d’affichage.

o utilisant des technologies innovantes et modernes (PHP7, HTML 5, utilisation de framework distribués librement…). Compte tenu des possibilités offertes par le HTML 5, nous souhaiterions développer le site dans ce standard.

· Dans les cas de formulaires, l’agence mettra en en œuvre la technologie reCAPTCHA de Google : https://www.google.com/recaptcha/

alsace.com 21

D. Tests de performance/qualité

· Des tests de performance seront réalisés :

o Pour l’ergonomie et la vitesse du site : https://testmysite.withgoogle.com/ : nous visons un minimum de 90% pour l’ergonomie mobile, 80% pour la vitesse du site sur mobile et ordinateur

o Pour les données structurées : https://search.google.com/structured-data/testing-tool

o Des outils d’aide à l’optimisation pourraient être mis en place pour tester et améliorer les sites avant la mise en ligne

E. Stratégie de déclinaison de site

· Une stratégie d’optimisation est à mettre en place pour mutualiser les développements (chaque évolution ou modification doit être reportée sur les autres sites), réduire les frais de maintenance et de mise à jour du CMS.

· Le site sera décliné pour :

o un site Noël

o un site famille

o un site Route des Vins d’Alsace

· Le fonctionnement des sites thématiques et affinitaires sera identique au site principal avec des adaptations mineures :

o Des menus et des arborescences différentes.

o Des pages d’accueil différentes.

o Quelques adaptations dans la charte graphique, dans les logos, et dans les couleurs (titre, couleur du site…) etc.

F. Stratégie de déclinaison par langue à l’intérieur d’un site

· Une stratégie d’optimisation de la gestion de certaines tâches doit être élaborée entre les différentes langues à l’intérieur d’un même site. Nous avons identifié les tâches suivantes pouvant être répliquées à partir du français :

o La gestion des requêtes LEI : elles peuvent être automatiquement répliquées dans chacune des langues étrangères (lorsque la rubrique existe). Cela nécessite d’appliquer un paramètre de langue aux requêtes afin de traduire les listes du LEI :

§ &SCHEMA=WEBACCESS_DE pour l’Allemand

§ &SCHEMA=WEBACCESS_EN pour l’Anglais

o La gestion des photos et des médias doit être automatiquement répliquée dans chacune des langues (lorsque la rubrique existe). Exemple : la modification d’une photo d’une rubrique en français entraine également la mise à jour dans les autres langues.

o L’affectation des filtres à facette dans chacune des langues…

o Les dates picker (dd/mm//yy) seront adaptées par langue (notamment pour l’Anglais)

alsace.com 22

2. LOT 2 : HEBERGEMENT DES SITES

I. Exigences

· L’hébergement du site devra supporter un trafic cumulé d’au moins 5 millions de visites/an pour tous les sites : tourisme-alsace.com, Noël, Route des Vins, Famille. Des pics de fréquentation peuvent être enregistrés en été et pendant la période de Noël.

· Le serveur pourrait être utilisé pour héberger d’autres sites internet que ceux cités ci-dessus.

· L’agence utilisera un CDN pour accélérer localement le chargement des pages

· L’agence privilégiera un hébergeur ayant une approche éco-responsable.

· L’agence étudiera la possibilité d’un hébergement en infrastructure cloud.

· L’agence utilisera un logiciel de gestion de tickets pour le suivi des demandes.

· Une politique de sécurité sera mise en place pour les accès sensibles (restrictions par adresses IP pour les accès FTP, transmissions des accès par un logiciel spécifique cryptant les login/mdp…)

alsace.com 23

3. ANNEXES

I. Annexe 1 : exemple de sites

· https://fr-keepexploring.canada.travel/

· http://www.visitfinland.com/fr/

· https://www.newzealand.com/

· http://www.australia.com/fr-fr

· …

II. Annexe 2 : tunnel de conversion

alsace.com 24

III. Annexe 3 : bordereau de prix à compléter

A. Frais d’investissements (lot 1)

Quantité PU€HT Total €HT

Total €TTC

Suivi de projet et analyse stratégique

Conception, conseil et création graphique

Achats d’art (si nécessaire)

Paramétrage du CMS, création et intégration de la charte graphique

Coût des fonctionnalités spécifiques demandées en front et back office

Déclinaisons pour le site Route des Vins, Noël et Famille dans toutes les langues demandées

Coût de déclinaison pour une langue supplémentaire

Coût des fonctionnalités non demandées et proposées (à détailler)

Autres coûts non mentionnés ci-dessus (à détailler svp)

Total

alsace.com 25

B. Frais récurrents

Quantité PU€HT Total €HT

Total €TTC

Coût annuel du serveur (lot 2)

Coût annuel de la licence d’utilisation/mise à jour du CMS

Coût de la maintenance horaire 1 heure

Coût de la gestion annuelle d’un nom de domaine

Certificat SSL pour les noms de domaines demandés

Autres coûts non mentionnés ci-dessus (à détailler)

Total

Fait à : Le : Nom du signataire : En qualité de : Signature et cachet de l’entreprise :

Page 1 sur 9

Cinématique tourisme-alsace.com 2018

Client : AAA

Date : mardi 21 novembre 2017

Auteur : Muller Cyrille

Version : cinématique-SMARTPHONE-1.7.docx

Page 2 sur 9

n° 1.1

Page d’accueil de l’univers

thématique (1/2)

Composant n°1 § Barre de menu (toujours visible)

Composant n°2

§ Bandeau illustrant la rubrique Ø Photo Ø Ou vidéo

§ Titre avec police stylisée § Accroche de l’univers

Composant n°3 § Introduction de l’univers

Composant n°4 § Mise en avant des incontournables de l’univers

Composant n°5 § Carte Google présentant les incontournables de l’univers

Commentaires

Objectifs : présenter des incontournables par rubriques Cette rubrique illustre tous les incontournables de l’univers

Validée le Par

Page 3 sur 9

n° 1.2

Page d’accueil de l’univers

thématique (2/2)

Composant n°6 § Mise en valeur d’articles CMS (ou de rubriques avec des listes LEI)

Composant n°7

§ Encart présentant les rubriques de l’univers Ø Bandeau photo

§ Accroche

Commentaires

Le footer n’est pas détaillé mais ce sera à créer Validée le Par

Page 4 sur 9

n° 2

Page rubrique

Composant n°1

§ Bandeau illustrant la rubrique Ø Photo Ø Ou vidéo

§ Titre avec police stylisée § Accroche de l’univers

Composant n°2 § Introduction de la rubrique

Composant n°3 § Des informations marquantes sont mises en valeur par des pictogrammes

Composant n°4

§ Encart illustrant une sous-rubrique Ø Un titre Ø Une accroche Ø Une photo illustre l’article Ø Une introduction

Commentaires

Page 5 sur 9

n° 3

Page liste LEI

Composant n°1

§ Bandeau illustrant la rubrique Ø Photo Ø Ou vidéo

§ Titre avec police stylisée § Accroche de l’univers

Composant n°2 § Titre de la sous-rubrique § Accroche de la sous-rubrique

Composant n°3 § Affichage mode carte / liste

Composant n°4

§ Liste des items affinés avec : Ø Titre (au-dessus de la photo) Ø Photo Ø Début du descriptif

§ Les items ayant le niveau d’intérêt national sont valorisés (par une étoile…) L’ensemble du bloc est en taille XL

Composant n°5 § Bouton moteur à facettes Algolia § Le bouton est toujours disponible à l’écran

Commentaires

Validée le Par

Page 6 sur 9

n° 4

Page avec éditorialisation de

l’offre

Composant n°1

§ Bandeau illustrant la rubrique Ø Photo Ø Ou vidéo

§ Titre avec police stylisée

Composant n°2 § Introduction de la rubrique

Composant n°3

§ Un moteur de recherche permet de faire des recherches par dates (pour les événements) ou par disponibilités (pour les hébergements)

Composant n°4

§ Zone de sous-rubriques renvoyant vers tout type de contenus (liste affinage LEI, articles CMS…) § Idéalement l’ordre des items peut-être définis par le webmaster en glisser/déposer

Commentaires

Validée le Par

Page 7 sur 9

n° 5

Page itinéraire

Composant n°1 § Informations pratiques sur l’itinéraire

Composant n°2 § Carte avec les POI et le parcours proposé

Composant n°3 § Suggestions d’itinéraires par journées et étapes

Commentaires

Validée le Par

Page 8 sur 9

N° 6.1

Page accueil univers destination

(1/2)

Composant n°1 § Carte schématique

Composant n°2 § Mise en avant des incontournables de l’univers

Commentaires

Validée le Par

Page 9 sur 9

N° 6.2

Page accueil univers destination

(2/2)

Composant n°3 § Mise en avant des incontournables de l’univers

Composant n°4 § Proposition d’itinéraires

Composant n°5 § Suggestions de choses à faire aux entours (CMS)

Commentaires

Liste de contenus non exhaustifs Validée le Par