2. 4. CAHIER DES CHARGES
•Objectifs du site
•SEO
•Périmètre fonctionnel
•Périmètre technique
3. OBJECTIFS DU SITE
Créer un site marchand pour faire de la vente ligne
Augmenter la notoriété de la marque avec de la
visibilité sur internet
4. SEO
Tout le site sera optimisé pour le référencement naturel.
Le site doit répondre à deux problématiques principales :
- Être techniquement accessible pour les moteurs de recherche afin d’être bien
indexé
- Être sémantiquement optimisé (optimisations on-pages)
Des spécifications SEO seront fournies pour veiller à la bonne intégration des pré-
requis au bon référencement du site. L’optimisation SEO doit se faire sur :
<title>
<Meta description>
< Balises meta> & <Hn>
<Images> & <Vidéos>
<Contenus> & <Indexation>
<Rich snippet>
5. <title>
Objectif : Avoir une charte de title optimisée pour le SEO et le CTR
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Un <title> unique par page
• Le <title> doit contenir le mot clé
• Le <title> doit décrire le contenu du la page
• Limitation à 60 premiers caractères contenant le sujet principal de la page
• Des règles de gestion peuvent être utilisées
<Meta description>
Objectif : Avoir une charte de title optimisée pour le CTR
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Une description unique par page
• La description doit contenir le mot clé (bold dans les SERP)
• La description doit décrire le contenu du la page
• Limitation à 160 caractères contenant le sujet principal de la page
• Des règles de gestion peuvent être utilisées
Une attention particulière sera apportée à cette balise vue son importance dans la page de recherche
Google
SEO
6. < Balises meta>
Objectif : Utiliser uniquement les balises utiles
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Ne pas utiliser la meta keywords
• Ne pas utiliser la meta author
• Ne pas utiliser la meta copyright
• Ne pas utiliser la meta meta-language
• Ne pas utiliser la meta identifier-URL
• La balise canonical peut être utilisée en fonction des besoins
<Hn>
Objectif : Un plan de page optimisé
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Un H1 unique par page
• Des H2 si une H1 est présente
• Des H3 si des H2 et H1 sont présents
• Le plan doit respecter la structure du code source
• H1 doit intégrer des mots clés lorsque c'est possible
• Pas de titres manquants ou de balises dupliquées
• Pas de Hn dans le header
• Pas de Hn sur des images ou des vidéos
SEO
7. <Images>
Objectif : Des images optimisées pour Google Image
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Nom de fichier clair et optimisé
• Les images doivent être compressées
• Format .jpg ou .png
• Intégrer un ALT en rapport avec l’image pour travailler les mots clés ciblés
• Intégrer une légende à l’image
• Intégrer les images dans un sitemap.xml dédié
<Vidéos> (si vidéos auto-hébergées)
Objectif : Des vidéos optimisées pour Google et les plateformes vidéos
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Optimiser le titre
• Optimiser le nom du fichier
• Compresser les vidéos
• Lier les vidéos de la chaine Youtube au NOM DU SITE
• Utiliser un sitemap video
• Autoriser les vidéos dans les flux RSS
SEO
8. <Contenus>
Objectif : Optimisation du référencement naturel des contenus
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Un contenu unique par page
• Utiliser un fil d’ariane respectant l’architecture du site avec des liens cliquables pour les pages parents
• Développer le maillage interne
• Utiliser une page « plan de site »
• Contenu structuré à l’aide des Hn, contenu intégrant des images et vidéos optimisées
• Ne pas répéter inutilement le même mot clé mais utiliser les cooccurrences et le champ lexical de l’expression ciblée,
veiller aux liens cassés
<Indexation>
Objectif : Indexer les pages ayant un potentiel trafic depuis les moteurs de recherches
Recommandations : L’agence doit mettre en place les optimisations suivantes :
• Ne pas indexer les pages du moteur de recherche interne, les pages les pages d’impression, les pop-ins, certaines pages
comme les mentions légales (pages à définir), les environnements (développement, recette, preprod…) , utiliser un
sitemap.xml automatisé,un sitemap pour les images,pour les vidéos (si les vidéos sont auto-hébergées),utiliser une meta
robots ou une entête pour bloquer les pages de l’indexation
<Rich snippet>
Objectif : Améliorer la visibilité des résultats dans les moteurs de recherche
Recommandations : L’agence doit être force de proposition
SEO
9. PERIMETRE FONCTIONNEL
CONCEPT
GLOBAL DU SITE
Le site devra répondre à plusieurs objectifs :
•Offrir l’image d’un site de marque premium (charisme, précision, épure,
aération et créativité), marges généreuses, construction verticale du site,
visuels détourés, formes fluides et élégantes et graciles.
•Valoriser les contenus textes et médias,
•Offrir des repères visuels permettant de guider l’internaute à travers les
différents parcours proposés,
•Intégrer de manière naturelle le « social ». Ex : Like box, bouton SEND, +1
ou encore follow tweeter par exemple, dans l’esprit WEB 3.0
•Prévoir de l’interactivité dans le site pour instaurer un dialog avec les
visiteurs, les clients et les fans…ect.
•Tenir compte des contraintes techniques (temps de chargement des
images, chronologie de chargement des pages…),
•Répondre aux impératifs d’ergonomie (simplicité, lisibilité…)
•Iconographie doit rester explicite et intuitive
•Couleurs et typographie conforme à l’image d’un site premium
•Proposer des principes, notamment de navigation, interactif avec
l’utilisateur ; s’ils garantissent une réelle valeur ajoutée.
ARCHITECTURE
Une architecture pyramidale avec des pages produits accessibles à
3 clics maximum
11. PERIMETRE FONCTIONNEL : HOMEPAGE
GÉNÉRALITÉS
ERGONOMIQUES :
Le logo est toujours présent en haut à gauche. Au clic sur le logo,
l’utilisateur est ramené vers la page d’accueil.
Le menu (Expand banner) doit rester visible et utilisé comme
moyen de retour sur la page d’accueil du site. Il se décomposera en
5 entrées : VTT, VELO DE ROUTE, ROUES TOPWHEELS, ACTUALITES,
VALEURS ET CONVICTIONS.
Bouton mon compte : Au clic sur le bouton, l’utilisateur est
renvoyé sur la page d’accueil de la section mon compte s’il est déjà
connecté, invité à se connecter s’il ne l’est pas (ou à s’inscrire s’il
n’a pas encore de compte)
Mot de passe oublié : l’utilisateur doit pouvoir générer un nouveau
mot de passe ou récupérer le sien.
Bouton services clients : Au clic sur le bouton, le numéro de
téléphone apparait + CTC.
12. PERIMETRE FONCTIONNEL : HOMEPAGE
GÉNÉRALITÉS
ERGONOMIQUES
Bouton « Panier » toujours visible dans le header, cliquable à tout
moment. Sa forme est un panier . Au clic sur le bouton,
l’utilisateur est renvoyé sur la page d’accueil de la section mon
panier. Au survol du bouton, un aperçu du contenu du panier doit
apparaître. Les éléments suivants devront apparaître à minima :
•Liste des produits présents dans le panier
•Pour chaque produit : nom, quantité et prix
•Un lien pour passer directement à l’achat
•Un lien pour entrer dans le panier
Fil d’Ariane cliquable et présent en permanence.
Moteur de recherche : visible à tout moment dans le header. Elle
peut être utilisée à tout moment. Mode de fonctionnement (saisie
semi-intuitive) Au moment de la saisie, si les mots entrés
correspondent à des mots clés enregistrés, plusieurs propositions
de wording apparaissent pour aider l’utilisateur dans sa recherche.
Bouton Pays : choix de la langue anglais/français . Pictogrammes
drapeaux des pays + prévoir possibilité de rajouter des langues
supplémentaires.
13. PERIMETRE FONCTIONNEL : HOMEPAGE
GÉNÉRALITÉS
ERGONOMIQUES
Footer : Liens FAQ / Plan du Site / Qui sommes nous / Contacts /
Formulaires / CGV/mentions légales /pictogrammes paiement
sécurisé. Aspect des liens : sont visibles à tout moment dans le
footer. Au clic, ils renvoient sur les pages correspondantes.
Les icônes des réseaux sociaux sélectionnés : présents à tout
moment dans le footer. Elles sont cliquables à tout moment et
renvoient vers la page/le compte officiel de la marque sur le
réseau social.
Fond d’écran : fond blanc
Slide show : en dessous de la barre de navigation et au dessus de
la ligne de flottaison, 5 visuels à thématique : acier, garantie à vie,
reconditionnable, origine de fabrication, sports
14. COMPOSITION DE LA HOME PAGE
VTT ROUTE ROUES TOPWHEELS ACTUALITES VALEURS ET CONVICTIONS
CONTENU
SLIDE-SHOW
1 ACIER - 2 GARANTIE A VIE - 3 RECONDITIONNABLE – 4 FABRIQUE DANS LES PO (CATALOGNE)
– 5 SPORT
= Promesse de la marque
FOOTER
LIGNE DE FLOTTAISON / PARTIE INVISIBLE
MOTEUR DE RECHERCHE
SERVICE CLIENTSSERVICE CLIENTS
PaysPays Mon compteMon compte
Mon panierMon panier
15. HOME PAGE FONCTIONNEMENT DU MENU ET DE L’EXPAND BANNER
La page produit devra être accessible en 1 clic à partir de la home page.
Le survol du menu VTT fera apparaitre la fenêtre suivante où l’internaute
pourra choisir une fiche produit parmi 6. Des photos des vélos
correspondants au produit seront présentées.
ONE4ALL
CADRE NU
VELO COMPLET
SUR MESURE
SIMPLETRACK
CADRE NU
VELO COMPLET
SUR MESURE
SIMPLE TRACK ONE4ALL
16. PERIMETRE FONCTIONNEL : PAGE PRODUIT
GÉNÉRALITÉS
ERGONOMIQUES
Page présentation des produits – Fiches produit
Apparence globale : Un seul produit par fiche produit . Les
éléments suivants doivent être présents :
• Le visuel
•Le nom du produit
•La description du produit : un court texte de quelques lignes
•Les tailles disponibles
•Les couleurs disponibles
•La référence commerciale
• Marquage nouveautés
Liens réseaux sociaux permettant à l’utilisateur de partager la
découverte de ce produit sur le réseau social à travers un
statut/un twit/un pin avec Options d’ajout au panier
17. PERIMETRE FONCTIONNEL: PAGE PRODUIT
GÉNÉRALITÉS
ERGONOMIQUES
Choix taille et quantité : L’utilisateur doit pouvoir sélectionner la
taille du produit et la couleur , un module simple et facilement
identifiable doit lui permettre de faire sa sélection.
Photos, zoom : Pour chaque produit, il y aura 1 à 4 visuels ,
l’utilisateur doit pouvoir visualiser tous les visuels en grand format.
Un des visuels est présenté en majeur par rapport aux autres. Il
doit être facile de passer d’un visuel à l’autre. Le visuel sélectionné
devient le visuel principal. Fonction zoom, l’utilisateur doit pouvoir
zoomer sur tous les visuels disponibles.
Imprimer une version papier de la fiche produit. Partage mail :
l’utilisateur doit pouvoir envoyer la fiche produit par mail aux
contacts de son choix.
Configurateur : uniquement disponible pour l’option sur mesure
22. PERIMETRE TECHNIQUE
PERFORMANCES
TEMPS DE RÉPONSES
La performance ressentie doit être excellente :
- poids des pages contenus et optimisés,
- chronologie de chargement des contenus transparents pour
l’utilisateur (chargement des contenus en arrière-plan notamment
ou à l’affichage).
Pour optimiser les temps de chargement, les recommandations
suivantes sont notamment à prendre en compte :
•Optimisation de la taille des images et vidéos
•Compression Gzip
•Exploitation de la mise en cache du navigateur
•Prioriser le chargement des données
•Optimiser les fichiers JS et CSS
Le temps entre l’action de l’internaute (clic sur
bouton/lien/rubrique) et l’affichage complet de la page ne doit pas
excéder 2 secondes vu de l’internaute, charge au FOURNISSEUR de
préconiser le dimensionnement de la plateforme sur la base d’une
activité de site prévisionnelle de 60 000 visites mensuelles à
l’horizon 24 mois.
23. PERIMETRE TECHNIQUE
INTÉGRATION RÉSEAUX
SOCIAUX
Les réseaux sociaux envisagés sont les suivants : Facebook et
Twitter, Pinterest et Instagram. La liste n’est pas définitivement
figée, le prestataire peut recommander des réseaux alternatifs. La
liste des réseaux étant susceptibles d’évoluer dans le temps, la
possibilité d’intégrer de nouveaux réseaux sociaux doit être
donnée.
LANGUES
Un site bilingue français – anglais
Le site doit être disponible en anglais et en français. Un bouton
placé dans le header doit permettre de passer d’une langue à
l’autre. Possibilité d’intégrer plus de langues dans l’avenir
Option : la possibilité de traduire dans plusieurs autres langues doit
être prévue. A priori, les langues resteront des langues
européennes. Ces traductions supplémentaires restent
hypothétiques à ce jour et ne seront pas implémentées avant
plusieurs années, si elles le sont.
24. PERIMETRE TECHNIQUE
NAVIGATION
Le site est destiné à fonctionner de manière équivalente sur les
navigateurs récents. Le site pourra être lu sous iOs, Android,
Blackberry, windows Phone.
-Type de pages , Page en Html 5, Ajax-JavaScript, pas de Flash
MONNAIES
Le site sera uniquement en euros dans un premier temps. A terme,
il devra être possible de donner le choix de la monnaie aux
visiteurs. Les monnaies alternatives seront aussi européennes. La
conversion euro vers la monnaie choisie devra pouvoir se faire
pour tous les prix / montants totaux affichés sur le site.
L’utilisateur pourra changer à tout moment la monnaie utilisée.
25. PROCEDURE DE RECEPTION
Livrables attendus à l’issue de l’Appel d’Offres le 15 juillet :
•Proposition graphique, fonctionnelle et éditoriale du site en proposant une ergonomie en cohérence avec les
parcours clients envisagés
•Affichage en front des contenus : textes, photos, bannières promos, etc.
•Références de sites e-commerces ou de site de cycles réalisés.
•Proposition de gestion de maintenance et d’hébergement
•Proposition en termes de gestion financière
•Planning prévisionnel
•Coût projet et vie courante
Livrables attendus à l’issue du projet :
•Les maquettes et les html du site
•Le story-board réalisé décrivant notamment l’enchaînement des écrans et les fonctions appelées
•Un document de spécifications fonctionnelles décrivant précisément le fonctionnement de chaque écran.
•Une unique maquette dynamique au format HTML 5, avec des fichiers CSS et JS spécifiques , conforme aux
maquettes statiques validées (pages et déclinaisons en sous page quand applicable).
•Remarque : les développements devront prendre en compte les pré-requis SEO
•Le suivi d’un planning de réalisation affiné et validé par CAMINADE
•Prestation de gestion financière
•Prestation d’hébergement, maintenance et formation
•Licence d’exploitation des CMS si pas open-source
•Prestation d’animation
26. PROCEDURE DE RECEPTION
Les dossiers sont à retourner à l’attention de :
Monsieur Sylvain RENOUF
Par courrier & Email :
2, rue de la Tramontane 66130 Ille sur Tet France
Téléphone :
09 70 40 86 11
27. PLANNING
15 juin 2015
Lancement de
l’appel d’offre
Fin juillet 2015
Présentation
par les agences
Août 2015
Début du
développement
Novembre 2015
Site opérationnel
15 juillet 2015
Retour des
agences
Septembre 2015
Maquettes
finalisées
29. STRATEGIE DIGITALE
CAMINADE est une nouvelle et jeune marque de vélo qui a sa place à faire dans son
secteur.
A ce jour, la marque est peu connue. La mise en place d’une stratégie digitale va
permettre d’accroitre sa notoriété .
Compte tenu , d’un budget limité, nous ne pouvons pas nous permettre d’effectuer
des campagnes payantes (SEA, Display) . Nous nous limitons aux leviers ci-dessous :
Axe N°1 – STRATEGIE SMO
Axe N°2 - STRATEGIE DE LINKING
Axe N° 3 - EMAILING & RETARGETING
30. STRATEGIE DIGITALE : SMO
STRATEGIE SMO
La cible de notre secteur d’activité est composée de spécialistes et de passionnés. Elle forme
une véritable communauté. De plus, Les utilisateurs du site CAMINADE restent en moyenne
3,45 minutes par visite . Cela prouve leur intérêt pour la marque.
Afin de créer encore plus de liens et de l’interactivité avec les visiteurs il faudrait :
o Être sur les principaux réseaux sociaux : Facebook (compte & page FB) , Twitter.
o Développer des contenus et des liens vers les réseaux sociaux en plus de Facebook :
Google + , Twitter
o Créer une chaîne Youtube (présentation des produits, tutoriels,…)
Il faudrait déployer la présence de la marque sur tous les réseaux sociaux numériques de
contenus : Pinterest/Instagram pour l’image – YouTube/Dailymotion/Vine pour la vidéo
Création d’une campagne ciblée par emailing via Facebook (budget limité à 2000€)
Stratégie de contenu : planning de saisonnalité (Noël, fête des pères,…) et évènements
cyclistes (compétitions VTT, Tour de France), devenir référent
31. STRATEGIE DIGITALE : LINKING
STRATEGIE DE LINKING
Le site CAMINADE a très peu de jus de liens. Il existe très peu de liens externes
référencés. Afin d’augmenter la popularité du site, nous allons mettre en place une
stratégie de Linking : recherche de liens externes (liens pointant vers CAMINADE) :
Des sites sur les mêmes thèmes que CAMINADE :
Contacter des blogueurs qui publient des articles sur la marque et leur proposer des informations à
relayer
Des liens vers des événements liés aux secteurs du cyclisme
Des liens vers des Forums (Vélo vert)
Des sites de qualités : sites reconnus, à forte valeur ajoutée et si possible à fort trafic
Des liens vers les magazines spécialisés dans le sport, le vélo, la santé, la nature, les voyages
Des liens vers la presse masculine (Vélo Route, Bike, Vélo tout terrain)
Des sites de confiance :
Créer des liens avec les partenaires commerciaux qui travaillent avec la marque (les fournisseurs)
32. STRATEGIE DIGITALE : CAMPAGNE EMAILING
Pour compléter notre stratégie digitale, nous proposons de lancer des campagnes
d’Emailing afin de générer des LEADS ou d’augmenter les taux de conversion.
STRATEGIE D’EMAILING
Nous allons récupérer auprès de la Fédération Française de Cyclisme ou des clubs de
vélos des fichiers qualifiés des licenciés (adresse mail).
Avec leur approbation, nous effectuerons des envois d’Emailing.
STRATEGIE DE RETARGETING
Ce dernier levier permet d’augmenter les chances de conversion.
Le Retargeting se fera par e-mailing grâce aux cookies qui permettront de recibler
l’utilisateur venu sur le site sans réaliser d’acte d’achat.
Le produit sera de nouveau présenté dans un email personnalisé afin d’aboutir à une
conversion.