CAHIER DES CHARGESTECHNIQUE
Solution digitale E-commerceLocation routeurs Wifi de poche
Chef de projet multimédia - Line [email protected] - 06 98 85 11 56
SOMMAIRE
1 Présentation générale du projet
1.1 Introduction 4 1.2 Ressources à disposition 4 2 La solution e-commerce
2.1 Base de travail 8 2.2 Réponse technique 8
3 Mise en oeuvre technique de la solution e-commerce
3.1 Rappel fonctionnel 13 3.2 Choix techniques 16 3.3 Arborescence du site 20 3.4 Organisation graphique des contenus: wireframes 21 3.5 Fonctionnement du contenu 23 4 Environnement et étapes clés du projet
4.1 Environnement du projet 29 4.2 Macro-planning 29 4.3 Macro-budget 30
5 Perspectives
5.1 Maintenance et feedback 33 5.2 Mise à jour et pistes d’amélioration 33
3
PARTIE 1PRÉSENTATION
GÉNÉRALE DU PROJET
1.2 Ressources à disposition
1.1 Introduction
Ce projet sera piloté par un chef de projet web, qui agit sous la responsabilité du comité directeur de Huawei France situé à Boulogne-Billancourt.
Le chef de projet s’appuiera sur les compétences techniques et numériques de son équipe (le Pôle Web) pour définir les fonctionnalités du site et faire les meilleurs choix techniques.
Il s’adjoindra également les services du Pôle Informatique lors des phases de dévelop-pement, et communiquera auprès du Pôle Marketing afin d’échanger sur la l’offre du site internet, ainsi que la stratégie de communication globale du projet et d’assurer sa promotion.
N’ayant pas les compétences en interne, la traduction du site sera réalisée par des pres-tataires externes.
Le chef de projet web coordonnera donc l’ensemble de ces acteurs afin de répondre au mieux aux attentes de Huawei Device France et que le site internet e-commerce voit le jour dans des délais optimisés.
Huawei France souhaite proposer une structure interne de location de ses routeurs wifi de poche, afin d’offrir aux internautes une mobilité complète grâce aux technologies développées par l’entreprise.
Dans un contexte de révolution des TIC et de l’internet, ce projet est l’occasion pour Huawei de se faire connaitre du grand public et des entreprises. C’est aussi l’opportunité d’asseoir son expertise dans les réseaux de communication et tout particulièrement les réseaux mo-biles.
Ce projet est issu de la volonté de Huawei, d’augmenter sa visibilité auprès du grand public an parallèle de ses innovations dans le domaine des smartphones, tablettes et montres connectées.
Le comité directeur de Huawei France souhaite investir un budget de 70 000€ net pour la réalisation d’un site internet. Il compte sur leurs ressources internes (Pôles Web et Informatique) pour proposer une solution E-commerce adaptée à l’activité de location de ses routeurs.
Ressources humaines
PARTIE 1 - PRÉSENTATION GÉNÉRALE DU PROJET
5
PÔLE INFORMATIQUE
PÔLE WEB
PRESTATION EXTERNE
Directeur des systèmesd’information
Traductrice
5 développeursPHP, MYSQL, PYTHON, JAVA, JQUERYRéférenceur
Rédacteur Web
Webdesigner
Intégrateur Web
Comité directeur
Chef de projet Web
PÔLE MARKETING
Coordination des ressources par le chef de projet web
PARTIE 1 - PRÉSENTATION GÉNÉRALE DU PROJET
Ressources techniques
Ressources financières
Le projet devant être traîté en interne, le chef de projet s’appuiera sur le matériel et les lo-giciels professionnels des équipes web et informatique. Bien entendu les pôles sont équipés à la hauteur de leurs tâches quotidiennes et aucun frais d’équipement supplémentaire ne sera nécessaire. De plus, le cas échéant, l’équipe peut utiliser des ressources OpenSource disponibles sur internet.
• Le chef de projet : Suite Adobe CC, Bureautique Windows et utilitaires Google (Sheets, Docs, Slide, Drive...), compte smartsheet (planning de Gantt), Prezi ...
• Webdesigner : Suite Adobe CC, Balsamiqéveloppeurs• Intégrateur Web : NetBeans, Brackets, Suite Adobe CC• Référenceur : Google Analytics, Adwords, Display, Bureautique Windows
(tableurs...)• Développeurs : AMPPS, Netbeans, MySQLWorkbench, client FTP (Filezilla)
Le budget alloué par Huawei France est de 70 000€ net maximum.
Le calcul du budget se fera sur la base d’un taux horaire de 65€ net tout collaborateur confondu.
On estime une journée de travail de 7 heures à 455 € net par collaborateur.
Cette partie est détaillée dans le budget joint aux livrables.
PARTIE 1 - PRÉSENTATION GÉNÉRALE DU PROJET
7
PARTIE 2LA SOLUTIONE-COMMERCE
PARTIE 2 - LA SOLUTION E-COMMERCE
2.1 Base de travail
2.2 Réponse technique
Huawei Technologies dispose de plusieurs outils digitaux (sites internets, réseaux sociaux - voir CDCF).
Pour Huawei France, il s’agit d’une nouvelle activité de prestation de services : la loca-tion des ses routeurs au grand public et entreprises.
Il est important d’informer l’internaute que la prestation de services sera dans un premier temps disponible en France uniquement.
Notre solution devra s’inscrire dans l’organisation déjà existante et s’intégrer dans la stra-tégie de communication globale de l’entreprise à l’échelle mondiale pour rentrer en contact avec les cibles étrangères de cette nouvelle activité, mais devra rester auto-nome.
Nous favoriserons, l’intégration de la solution e-commerce avec le site existant grâce aux hyperliens que nous retrouvons dans le bas de page, dans la partie «A propos de Huawei», de la même manière que Huawei Marine.
De la même manière, nous encourageons une démarche de collaboration entre les équipes Huawei Technologies et celle qui sera chargée du nouveau site. En relayant sur les ré-seaux sociaux, identités ou tagues «Huawei», renforcera son image de marque et augmen-tera la visibilité les solutions technologiques dédiées au Grand Public.
Appui sur les sites existants
Une solution e-commerce dédiée à la location de routeurs Huawei BtoP
Pour cette nouvelle activité, nous préconisons la création d’un nouveau site e-commerce dédié.
Pour la cohérence, nous garderons globalement l’ergonomie et le design de celui de Huawei France Grand public / Consumer (consumer.huawei.com/fr), ainsi que sur la ver-sion mobile (m.huawei.com/frmobile/consumer/).
Une charte éditoriale sera aussi rédigée afin de mieux toucher les cibles identifiées (voir CDCF):
De plus, le site devra disposer de caractéristiques spécifiques :• importance de l’interface utilisateur et des parcours clients (navigation, tunnel de
vente...)• respect des obligations légales
9
PARTIE 2 - LA SOLUTION E-COMMERCE
Création d’un logo pour l’activité e-commerce de Huawei
Nous devrons être vigilant de séparer les entités Huawei, grâce à un trai-tement graphique sur l’activité e-commerce.
C’est pourquoi nous préconisons la création d’un logo spécifique à l’activité e-commerce en s’appuyant sur l’identité de Huawei.
Rôle du site e-commerce
L’offre de Huawei est de répondre au besoin de connectivité des différentes cibles identi-fiées en proposant à la location des routeurs Huawei adaptés.
L’objectif premier du site est de convertir les visiteurs occasionnels en clients fidèles.
Le site e-commerce s’inscrit dans un plan webmarketing global.
Huawei par sa sensibilité au Business to Peolple, favorise une relation client basée sur l’In-bound Marketing et laisse ainsi le client venir à lui en mettant en place un processus de fidélisation qui s’inscrit dans la durée.
- Susciter la curiosité- Mettre en valeur nos atouts- Se démarquer des concurrents- Faciliter la compréhension
- Répondre aux besoins- Expérience utilisateur- Faire du content marketing- Renforcer l’aspect humain
- Instaurer un climat de confiance- Accompagnement du client- Etre facilement joignable- Optimiser le tunnel de vente
- Récompenser l’engagement- Encourager les intéractions- Donner un sentiment d’appartenance
- Traduction du site pour un référencement international- Avantages et explications de l’offre avec infographie- Savoir-faire de l’entreprise- Blog (actualités, reportages)- Témoignages clients
- Personnalisation de l’offre- Contenu explicatif clair, simple et précis- Inscription à la newsletter- Hyperliens vers les sites des technologies de Huawei- Navigation et ergonomie adapté au e-commerce- Fonctionnailtés de recherche d’aide FAQ
- Formulaire de contact- Accompagnement du client par chat en ligne- Numéro de téléphone- Personnalisation de la relation client (devis professionnel)- Avis et témoignages clients utilisateurs- Presse et partenariats- Hyperliens vers les sites des technologies Huawei- Analyse et amélioration du tunnel de vente
- Envoi de newsletters par cible- Fidélisation et parrainage- Dépot d’avis, d’expérience utilisateur, et de commentaires (blog)- Fil d’actualité Facebook- Fil de twitter- Liens vers les réseaux sociaux
ATTIRER Convertir FiDELISERVENDRE
Prospects Clients FansEtrangers Visiteurs
Processus fidélisation et fonctionnalités du site e-commerce
PARTIE 2 - LA SOLUTION E-COMMERCE
11
Plan webmarketing global
Dans un premier temps Huawei souhaite un site permettant de :• proposer une offre pertinente et de qualité de location de routeurs adaptée
aux besoins de connectivité particuliers et entreprises• offrir la meilleure expérience utilisateur possible (adaptabilité du site à l’activité
nomade de la location)• établir une relation de confiance entre la marque et l’utilisateur• augmenter et qualifier une base de donnée correspondant au secteur Grand
Public / Consumers de l’entreprise
Indirectement ses objectifs sont de :• conquérir le grand public et les entreprises en diversifiant l’offre de Huawei• améliorer sa notoriété auprès des utilisateurs de nouvelles technologies• mettre à profit son expertise et ses partenariats dans le domaine des réseaux
mobiles • se positionner en tant qu’entreprise innovante et experte dans son coeur de
métier• convertir les prospects à la marque
Le site e-commerce s’inscrit au coeur d’un plan webmarketing complet comprenant d’autre leviers:
Plan webmarketing
Site e-commerceresponsive
Normes W3C
E-mailing Marketing Multi-Canal
Qualification des bases de données, Coregistration et
location de BDD par segment (ex: campings, etc)
Base de données :comptes clients,
commandesnewsletter, devis
Marketing viralpartage de contenu SMO, facebook et
Référencement payantGoogle AdwordsFacebook Adds
Content Marketinghyperliens,
netlinking, maillage interne
Référencement naturelcontent marketing,
hyperliens, netlinking, maillage interne
Veillee-reputation, concurrence
Analyses etOptimisation
Google AnalyticsReportingMise à jour
SEASEO
PARTIE 2 - LA SOLUTION E-COMMERCE
PARTIE 3MISE EN OEUVRETECHNIQUE DE LA
SOLUTIONE-COMMERCE
13
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
3.1 Rappel Fonctionnel
Expérience utilisateur optimisée (UX) et approche BtoP
Une réflexion en amont de la création du site e-commerce sera menée dans le but d’optimiser l’expérience utilisa-teur des cibles identifiées. Cette démarche prendra en compte les attentes et besoins de celles-ci.
Pour optimiser l’UX du site, il existe 6 critères clés à ne pas né-gliger:
• L’utilité : le site répond à un besoin. Concentration sur les services proposés et ne pas encombrer la page avec des fonctionnalités ou contenus inutiles.
• L’utilisabilité : le site est ergonomique. Son utilisation est simple et rapide. Impor-tance de l’hébergement et de la sécurité.
• La désirabilité : le site est attractif, séduisant et donne confiance.
• L’émotion : le site a la capacité de provoquer des émotions positives. Cela peut passer par le ton employé dans les contenus (charte éditoriale), des visuels sym-pathiques, des animations dynamiques,…
• L’adaptabilité : le site évolue avec l’internaute. Compatibilité avec tous les de-vices et navigateurs. Accessibilité pour les handicaps.
• La sociabilité : le site prend une dimension sociale. L’utilisateur peut partager son expérience (avis, commentaires, articles blog et réseaux sociaux).
Les fonctionnalités du site e-commerce
Les principales fonctionalités préconisées (réalisé à partir des pistes de réflexion - CDCF)
• Traduire le site en plusieurs langues : anglais, espagnol, chinois et arabe
• S’informer de l’offre grâce à des contenus explicatifs techniques et des conte-nus informatifs concernant le processus de commande (Rich Média)
• Trouver des réponses en consultant la Foire aux questions (FAQ)
• Louer un routeur : disponibilité des routeurs, interface de commande, réservation avec choix des dates, durée, conditions tarifaires, saisie de code promotionnel, choix de mode de livraison (module pickup ou postal), mode de paiement (Carte bancaire internationale, Paypal et virement bancaire).
• Poser une question au service client (chat, formulaire de contact, numéros de téléphone)
• Demander un devis (entreprises) en utilisant un formulaire de contact dédié.
• Faire respecter ses droits en ayant accès aux mentions légales, CNIL (don-nées), conditions générales de vente et/ou d’utilisation...
• Gérer ses commandes grâce à un espace client complet avec programme de fidélité (cagnotte, parrainage...), historique de commandes, factures, dépot d’avis, de témoignages et contribution pour le blog, gestion des abonnements newslet-ters...
• Découvrir les actualités et les technologies de l’entreprise par le biais du blog intégré au site. Hyperliens vers les sites Huawei
• Suivre, partager et intéragir avec le site e-commerce et sa communauté. Fonc-tions disponibles grâce aux réseaux sociaux intégrés (boutons de partage et fil d’actualités : facebook, twitter, facebook et google+)
• Gérer le site e-commerce: une interface administrateur complète et fonction-nelle spécifique à l’e-commerce : gestion clients, commandes, facturation, devis, disponibilité/stock, export base de données, livraisons, paiements, taxes, langues, contenu, marketing par email/SMS/newsletters
• Consulter le site partout : développement du site en responsive (mutli-devices) et rapide (connexion internet bas débit)
• Naviguer simplement dans le site grâce à la conception ergonomique (fil d’ariane, plan du site)
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
15
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
1
2
3
5
4
6
- Foire aux questions (FAQ)
- Inscription à la newsletter
- Blog- Hyperliens vers les sites HUAWEI
Fonctionnalités privilégiées pour les entreprises
Fonctionnalités privilégiées pour les voyageurs
S’informer
- Historique client
- Progamme fidélité
- Dépot avis
- Abonnement newsletter
Gérer
- Fil d’actualité facebook- Fil de suivi twitter- Lien vers pages Twitter, Facebook et Linkedin,
Échanger
- Anglais, espagnol, chinois et arabe- Contenus graphiques universels
Traduire
Fonctionnalités essentielles l’E-commerce
Légende
- choix de la formule tarifaire
- choix de la durée
- choix du mode de paiement
- choix du mode et lieux de livraison
- orienter les entreprises à demander un devis
Commander
- Coordonnées téléphoniques
- Formulaire de contact
- Tchat
- Demande de devis
Contacter
Rappel des fonctionnalités évoquées dans le CDCF
3.2 Choix techniques
Huawei Technologies dispose de plusieurs sites internets hiérarchisés selon la même lo-gique lorsqu’il s’agit de l’activité principale des 3 groupes.
• consumer.huawei.com : groupe grand public du site international• consumer.huawei.com/fr/ : traduction du site international ( huaweidevice.fr re-
dirigé vers)
Toutefois, quelques landing page françaises utilisent l’écriture : • www.huawei-offres.fr
Après étude de l’existant, nous proposons• huawei-rental.fr qui est disponible à ce jour 15 avril 2016.
Rental qui signifie «de location» en anglais afin d’être compréhensible par le plus grand nombre. Ce terme permet de définir l’activité.
De plus, il serait pertinent de le réserver avec l’extension en .com afin d’anticiper un déve-loppement international de l’activité e-commerce.
A l’avenir, nous pouvons imaginer un développement de l’activité à d’autres technologies. Partant de cette projection, il serait possible de décliner en fonction du matériel :
• huawei-rental.fr/wifimobile/ ou huawei-rental.fr/cle5G
Il n’est pas nécessaire de déposer le nom de domaine (NDD) à titre de marque.
Huawei Technologies utilise des serveurs chinois.
Le Pôle Informatique préconise une localisation des serveurs en Europe afin d’être en phase avec les maintenances et maximiser les performances techniques.
Les avantages des serveurs dédiés :
• Sécurité et la disponibilité des données : protégés contre les attaques par déni de service (trafic est aspiré puis trié, ne laissant passer que les données légitimes)
• Personnalisable en fonction des besoins (CPU, RAM, IP...).• Le choix des datacentres : on peut choisir le lieu d’implantation de son serveur..• Autonomie des paramètrage et actions de l’administrateur serveur• Disponibilité du site assuré : basculement des serveurs lors de panne ou main-
tenance• Envoi d’emailing demandant beaucoup de bande passante, et pas de restriction.
Le nom de domaine : huawei-rental.fr
Hébergement sur un serveur dédié
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
17
OVH offre des prestations répondant aux besoins énumérés précédemment. Le choix de l’équipe se porte sur OVH.
Registrar nom de domaine pour 1 an : huawei-rental.fr : Hébergement et Installation DNS 0,99€ HT Création .fr 6,99€ HT huawei-rental.com : Hébergement et Installation DNS 0,99€ HT Création .com 9,99€ HT 18,98€ HT
Serveur dédié pour 1 an : 59,99 € x 12 mois = 719,88€ HT
• Jusqu’à 256 IP sans frais mensuel • Anti-DDoS Pro inclus• 250Mbps de bande passante garantie• HOST-*L Burst de 1Gbps - HOST-*H Burst de 3Gbps• * vRack 10 Gbps : Interfaces réseaux en 10 Gbps – Gamme Hos-
ting : débit garantie de 3 Gbps.• Choix du datacentre• 500Go d’espace de sauvegarde....
Le Pôle Informatique utilise au quotidien SQL Server 2012 Web Edition, qui est compatible avec le serveur dédié choisi. Cette édi-tion, a été spécialement conçue pour les besoins des développeurs web.
Le Pôle Informatique travaille avec un logiciel client FTP File-Zilla. Ce serveur FTP en plus d’être gratuit, offre de nombreuses fonctionnalités qui assurent une bonne sécurisation des données : reprise de téléchargements interrompus, mise à jour, système an-ti-déconnexion...
Gestion de la base de données
Client FTP(File Transfer Protocol): Filezilla
Choix de l’hébergeur et registrar: OVH
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
Le Pôle Informatique propose de s’appuyer sur un CMS (Content Management System : famille de logiciels destinés à la conception et à la mise à jour dynamique du site web).
En effet, en nous basant sur modèle de base que nous personnaliserons ensuite, nous ré-duirons les coûts de développement et garantirons le bon fonctionnement du site.
Les nombreux modules et fonctionnalités offerts par les CMS sont régulièrement mis à jour par une communauté de développeurs actifs.
Les systèmes de gestion de contenus nous permettront de mettre à jour dynamiquement notre site via un backend qui simplifiera le développement des fonctionnalités nécessaires :
• Permet à plusieurs individus de travailler sur un même document• Chaîne de publication (workflow : rédigé, validé, publié, archivé...)• Structuration des contenus du site (FAQ, Blogs, Pages...)• Hiérarchisation des utilisateurs par l’attribution de différents droits d’administra-
tion (utilisateur anonyme, administrateur, contributeur...).
Après comparaison des principaux CMS E-commerce open source (Magento, Prestashop , WpCommerce et Drupal Com-merce), l’équipe opte pour le CMS gratuit Drupal Commerce.
Développement d’après un CMS (Content Management System)
Exemples de modules à mettre en place et/ou à adapter
Choix du CMS : Drupal Commerc
Drupal Commerce est :• une solution robuste (puissance API) et complètement personnalisable
grâce à 16 000 modules additionnels disponibles. • construit sur Drupal 7. développée en PHP, elle est stable et plus rapide grâce
à un accès optimisé à la base de données.• basée sur un effort communautaire, et sa croissance continue grâce au travail
acharné de dizaines de contributeurs directs • solution flexible qui s’adapte à de nombreux types de projets.• Il prend en charge multilingue et multi-devises, avec de nombreuses fonction-
nalités de ecommerce• Liberté d’adapter son interface graphique pour la rendre plaisante et fonctionnelle.
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
• Drupal Commerce ou Commerce Kickstart : est une suite de modules dédiés au e-commerce qui s’est imposée sur Drupal.
• Drupal 7 driver for SQL Server : Module pour la base de données
• Address book pour simplifier la vie de vos clients en leur permettant de créer un carnet d’adresse de façon à ce qu’ils réutilisent leurs adresses dans le tunnel d’achat.
19
Cas particulier du module «Navette Pickup» - mode de livraison
• Shipping fourni un système de calcul de prix de frais de port. Ce module est un framework que vous devrez utiliser avec les modules de livraisons de votre trans-porteur préféré.
• Commerce billy et Commerce billy mail pour générer des factures depuis votre site au format PDF afin que vos clients puissent les télécharger.
• Commerce backoffice afin d’avoir une meilleure expérience utilisateur dans la gestion et l’administration de votre boutique.
• Commerce reports permet aux marchands d’avoir une idée de ce qu’il se passe sur leur site. Ce module fourni un dashboard de statistiques sur l’évolution des commandes, clients…
• Google analytics pour Commerce couplé à Google analytics vous permettra de traquer vos ventes en plus de vos statistiques de visites depuis le dashboard Google Analytics.
• Commerce checkout redirect redirige vos utilisateurs non connectés vers une page de création de compte ou de login avant de rentrer dans le tunnel d’achat. Notez que forcer les utilisateurs à créer un compte peut être source d’abandon de paniers.
• Wysiwyg : permet de saisir du contenu html.
• Views : permet de faire abstraction de beaucoup de code PHP. Le système de vue repose sur une ensemble de critères, de filtres et d’affichages qui vont géné-rer automatiquement une requête SQL.
• ImageField : permet d’ajouter un champ Upload de fichier.
• i18n : permet dfférentes améliorations au système natif de traduction de Drupal.
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
Pickup, premier réseau de relais colis en France avec plus de 8 000 points, est une filiale du groupe La Poste.
Un relais Pickup est un point de dépôt et de retrait de colis situé le plus souvent dans un commerce de proximité. Il s’agit généralement de dé-bitants de tabac, de marchands de journaux, de fleuristes ou encore de magasins d’alimentation…
Afin de faciliter l’intégration de la solution, «Navette pick-up» fournit gratuitement un docu-ment pour les développeurs afin de faciliter leur travail.
Ce module est disponible uniquement sur Prestashop, mais reste adaptable aux autres solutions e-commerce.
3.3 Arborescence du site
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
OU
LOGO
COMPTE / CONNEXION
ESPACE CLIENT
CONNEXION
TÉLÉPHONE
NEWSLETTERS
CONTACT
(présent sur toutes les pages)
(présent sur toutes les pages)
HEADER
MAIN ACCUEIL
FOOTER
ROUTEURS WIFI MOBILE
ROUTEURS WIFI MOBILE
COMMENT RÉSERVER ?
OFFRES ENTREPRISES
Nom, prénom, adresse, email téléphone modi�er
envoyer
PROFIL
MODULE DE PAIEMENT- choix du mode de paiement- coordonnées bancaires
COORDONNÉES HUAWEI
FORMULAIRE DE CONTACT
CONTACT VIA RÉSEAUX SOCIAUX
Nom, prénom, adresse, tél.email, mot de passe
Email, mot de passe
ok
ok
ok
S’INSCRIRE
mot de passe oublié
SE CONNECTER
Dépot avis, commentairesnote
Cagnotte : montant
envoyer / modi�er
AVIS COMMENTAIRES
- Derniers avis / notes déposés
AVIS COMMENTAIRES
PAIEMENTS DISPONIBLES
CONDITIONS GÉNÉRALES VENTE
MENTIONS LÉGALES
Inscription : email
Choix news
NEWSLETTERS
envoyer
Nom, adresse, tél., fax, siretCNIL, email
Nom, prénom, email, sujet(devis entreprise)
PRÉSENTATION DE L’OFFRE
en savoir +
en savoir +
- Présentation des avantages des routeurs
LES FORMULES EXISTANTES
réserver- Prix et grille tarifaire dégres- sive
OFFRE ENTREPRISE
- Présentation rapide o�re entreprise
PRÉSENTATION PAR BESOINS
- Présentation des besoins par cible
en savoir +BLOG
- Photo +titre
liensFacebook, twitter, google +linkedin, youtube
CHAT
Explications, horaires
CONTACT
Parrainage : listes emails�lleuls
PROG. FIDÉLITÉ
Historique réservations
imprimerFactures : pdf
RÉSERVATIONS
Résa. en cours contact
chat
réinitialisation
envoyer
SE DÉCONNECTER
FILS D’ACTU RÉSEAUX SOCIAUX
liens
liens
- Texte légal activité e-commerce
- Hyperliens vers HUAWEI- Hyperliens vers partenariats
- Facebook, twitter
- Texte légal lié au site (CNIL, copyright...)
RÉSEAUX SOCIAUX
- Facebook, twitter, google+,youtube, linkedinliens
BOUTONS PARTAGE RÉSEAUX SOCIAUX
- Facebook, twitter, google+,youtube
LANGUES
- Avantages techniques et fonctionnels des routeurs (Vidéos HUAWEI) réserver
COMMENT RÉSERVER ?
- Infographies, textes explicatifs du processus de réservation- Grille tarifs, mode de livraison et mode de paiement disponibles réserver
FOIRE AUX QUESTIONS
- liste de questions/réponses
contact
OFFRES AUX ENTREPRISES
RÉSERVER
- Infographies / textes explicatifs o�res dédiés et leur personnalisation- Présentation des pro- blématiques et réponses
PARTENARIATS
- Infographies / textes explicatifs béné�ces partenariats- Brochures téléchar- geables,- Références
contactcontact
BLOG
- Rubriques : actualités, o�res, témoignages utilisateurs, évolutions techniques HUAWEI...- Contenu : 1 à 3 photos, titre, date, auteur article + hyperliens liens
contact
RÉSERVER
BLOG
- Disponibilité routeur et délai de livraison- Infos réservations : dates début /�n, mode de livraison- Infos personnelles : nom, prénom, email, tél. adresse postale, adresse livraison si di�érente- Code réduction, avis / note, CGV - Total à payer- Ajouter une autre réservation
NAVIGATION PRINCIPALE
payer
envoyer
(présente sur toutes les pages)
(outil sur toutes les pages)
ABONNEMENTS NEWS
modi�er
21
3.4 Organisation gr aphique des contenus : Wireframes
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
Langues Contact Connexion
okInscrivez vous à la newsletter...
LOGO
Accueil Routeurs Wi� Mobile
Comment réserver ?
Foire aux Questions
O�res Entreprises Réserver Blog
En savoir +
Paiements sécurisés
Suivez-nous
A propos de Huawei Nos partenairesPlus d’informations
- Conditions générales de vente- Mentions légales
t
t
Blog
y g lf
f
Qui êtes-vous ?
Nos tarifs dégressifs
Et pour vous les entreprises
Derniers avis clients
Une question ?
Réservez
Contactez nous au 01.00.00.00.00
VOYAGEURS
En savoir +
VACANCIERS
En savoir +
ENTREPRISES
Contactez-nous Contactez-nous Contactez-nous Contactez-nous
En savoir +
Comment réserver ?
Qui êtes-vous ?
Nos tarifs dégressifs
Et pour vous les entreprises
Réservez
VOYAGEURS
En savoir +
VACANCIERS
En savoir +
ENTREPRISES
Contactez-nous Contactez-nous Contactez-nous Contactez-nous
En savoir +
Paiements sécurisés
Suivez-nous
A propos de Huawei Nos partenairesPlus d’informations
- CGV- Mentions légales
t
t
Blog
y
g l
f
f
Derniers avis clients
Langues Contact Connexion
okInscrivez vous à la newsletter...
LOGO
Accueil Routeurs Wi� Mobile
Comment réserver ?
Foire aux Questions
O�res Entreprises Réserver Blog
En savoir +
Contactez nous au 01.00.00.00.00
Comment réserver ?
Une question ?
Versions Desktop et Tablette
HEADER
MAIN
FOOTER
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
Nos tarifs dégressifs
Réservez
Paiements sécurisés
Suivez-nous
A propos de Huawei Nos partenaires
- CGV- Mentions légales
t
t Blog
y g lf
f
Derniers avis clients
Langues
LOGO
Qui êtes vous ?
En savoir +
Contactez nous au 01.00.00.00.00
Routeurs Wi� Mobile
O�res Entreprises
Réserver
Blog
Comment réserver ?
Foire aux Questions
Comment réserver ?
VOYAGEURS
En savoir +
VACANCIERS
En savoir +
ENTREPRISES
En savoir +
Qui êtes vous ?
Version Mobile
Wireframes
On retrouve le contenu des versions Desktop et Tablette sauf la partie «Et pour vous les entreprises» qui dispa-raît, ainsi que le «bouton chat».
Cependant l’accès entreprise reste pré-sent par la naviga-tion et par la partie «Qui êtes vous?»
Le contenu visible de premier abord est réduit grâce à des menus dépliants
La partie commu-nautaire est éga-lement réduite à 1 contenu chacun.
Ces wireframes, plus avancé que les zonings vont per-mettre au webde-signer de réaliser des maquettes gra-phiques fonction-nelles.
Pour correspondre au besoin de mobili-té de nos cibles, l’in-tégrateur veillera à développer le site en responsive design.
23
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
Le fold : 1er écran visible par l’internaute
3.5 Fonctionnement des contenus
1
1
2
2
3
3
4
5
5
6
7
8
N° Contenu Fonctionnement
LogotypeUn logotype « Huawei - Rental » sera décliné du logo Huawei existant par le webdesigner afin que le site e-commerce dédié à la location de ses routeurs soit bien identifé. Le logo sera traité de manière à être bien visible et lisible malgré l’image qui sera présentée en arrière-plan. Un clic sur ce logo permettra à tout moment de revenir sur la page d’accueil du site.
Langues
Il est possible de traduire le site dans les 4 langues les plus couramment utilisées et rendant le site accessible par le plus grand nombre (anglais, espagnol, chinois et arabe)Plusieurs modules de Drupal permettent la traduction de base su site e-commerce/blog. Toutefois, pour confirmer ces outils, nous ferons appel à une prestation externe. La tradcution se facture au mot (entre 0,08€ et 0,12€ environ) ou bien au forfait (0,04€ si plusieurs pages à traduire). On considère également que le vocabulaire est simple, excepté la page présentant les caractéristiques techniques des routeurs.
Contact
Le bouton de contact présent dans le header permettra à l’internaute d’accéder, depuis n’importe quelle page aux différentes manières de contacter le service client (téléphone, email, formulaire, réseaux sociaux et chat).Un service client dédié à l’activité e-commerce sera donc nécessaire.Le formulaire de contact sera privilégié : le choix (par menu déroulant) du sujet permettra un temps de réponse efficace et adaptée.Enfin une boite de chat sera toujours disponible en bas à droite de l’écran (sauf mobiles)
Main: Présentation
de l’offre
Navigation
Header
9
N° Contenu Fonctionnement
Connexion
L’internaute dispose d’un espace client, après création d’un compte.Il pourra ainsi accéder à :
• son profil, l’historique de ses réservations et les télécharger/éditer, ses réservations en cours, au programme de fidélité (cagnotte et parrainage), ses avis et commentaires, ses abonnements newsletters.
Il devra crée un compte s’il souhaite réserver sur le site e-commerce.Ces données seront enregistrées dans la base de données (sécurisée) et l’internaute à un droit d’accès et de modification conformément aux obligations (CNIL).
Newsletter
L’inscription à la newsletter se fait dans le header accessible depuis toutes les pages du site.L’objectif de cette newsletter est d’augmenter et de qualifier notre base de données.C’est également un levier du plan webmarketing pour créer du lien avec l’internaute et le fidéliser. L’objectif étant d’instaurer une relation de confiance avec nos cibles jusqu’à leur décision de réser-vation.La fréquence de publication envisagée est à définir en lien avec le Pôle Marketing.Le chef de projet fera office de coordinateur entre les intégrateur/webdesigner du Pôle Web et le rédacteur des contenus (community Manager/Redacteur Equipe e-comerce). L’offre OVH permet de faire l’envoi des newsletters en masse via un logiciel d’envoi (module Mailchimp par exemple).
Navigation Principale
La barre de navigation est également accessible depuis toutes les pages du site.Elle permet de naviguer entre les pages de manière facile et fluide (ergonomie).Certaines rubriques sont composées de sous rubriques accessibles en survolant/cliquant sur la zone. (voir arborescence p21)
Bouton «En savoir +»
Un bouton central sera positionné juste sous de la présentation de l’offre afin d’inciter l’internaute à agir rapidement (call to action). Ce bouton est un lien vers la page «Routeurs Wifi Mobile» égale-ment accessible depuis la navigation principale du site. (voir arborescence p21)
4
6
7
8
Main : Présentation des besoins (suite)
Main: Présentation des besoins
Présentation par cibles / besoins. Chaque cible est représentée par une image la représentant et une description courte du besoin identifié. On retrouve le «call to action» en savoir + qui redirige vers la page «Routeurs Wifi Mobile» également accessible depuis la navigation principale du site. (voir arborescence p21)
8
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
25
Main: Formules existantes
Main: Offre Entreprise
Main: Avis Commentaires
9
10
11
12
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
Main (suite)
9
10
11
12
N° Contenu Fonctionnement
Infographies Les infographies en générales seront explicites. Information visuelle privilégiée afin d’être com-pris par les étrangers (multilingue). Ces infographies seront réalisées par le webdesigner.
Bouton «Réservez»
Un bouton central sera positionné juste sous l’infographie concernant la grille tarifaire/formules afin d’inciter l’internaute à agir rapidement (call to action). Ce bouton est un lien vers la page «Réser-vez» également accessible depuis la navigation principale du site. (voir arborescence p21)
Bouton «Contactez-nous»
Bouton «call to action» renvoyant vers la page «Contact» également accessible depuis le header du site. (voir arborescence p21)
Derniers avisCette partie sera dynamique et reprendra les 2 derniers avis clients laissés par le biais du compte client. Elle permet une mise en confiance et une ré-assurance pour les visiteurs, dans l’ob-jectif de les convertir en prospects.
Main: Communauté
Footer
14
15
16 17 18
Main et footer
15
16
14
13
13
N° Contenu Fonctionnement
Fil d’actualités Facebook
TwitterBlog
Le fil «d’actualités» est mis en forme en reprenant l’image et le titre de l’actualité (facebook, twitter ou blog). Chaque image est cliquable et renvoie vers l’actualité sur la page du réseau social.5 actualités de chaque réseau social seront mises en évidence par date de parution de manière dynamique.Le Rédacteur/Community Manager de l’Equipe E-commerce sera chargé du contenu et de sa fréquence avec l’aide du chef de projet / Webdesigner de l’équipe projet. L’actualité sera di-versifiée (technologies, témoignages, site Huawei, tourisme, entreprise...) et en lien avec l’activité e-commerce du site. L’objectif étant de créer du contenu de qualité correspondant à l’optimisation SEO du site (maillage interne, netlinkin... ) et à la volonté de fonctionner en «inbound marketing»Ceci s’inscrit dans une dans le plan webmarketing global.
PaiementsSécurisés
Mise en avant des paiements sécurisés disponibles. Le visiteur peut voir rapidement si le mode de paiement est un obstacle (paiement en devises étrangères) à sa réservation. De plus cela per-met de mettre en confiance sur le site e-commerce.
Réseaux sociaux
Bouton vers les pages des réseaux sociaux dans le but d’augmenter les abonnés ou fans et ainsi améliorer sa visibilité (notoriété)
HyperliensHuawei
Hyperliens Huawei qui permet de rassurer sur la marque et valoriser les technologies. Le visi-teur découvre ainsi toutes les activités du groupe Huawei Technologies.
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
3
27
PARTIE 3 - MISE EN OEUVRE TECHNIQUE DE LA SOLUTION E-COMMERCE
18
17
N° Contenu Fonctionnement
CGVMentionslégales
Obligations légales:- liées à l’activité e-commerce: le visiteur retrouve dans les Conditions Générales de Ventes (CGV) toutes les informations liés au processus de réservation, paiement, livraison etc...- les mentions légales concernent le site en lui-même. Chaque site doit informer l’internaute de qui se cache derrière le site, l’hébergeur, mais aussi savoir si le site utilise des cookies... etc... et surtout si le site est déclaré à la CNIL concernant la gestion de sa base données.
PartenairesLe site e-commerce Huawei propose une solution de location grâce à des partenaires (Fournis-seurs d’accès internet etc....), mais il est possible pour une entreprise d’être dépositaire et ainsi devenir à son tour partenaire du site.
Le Blog et rédaction de contenu
Le blog sera accessible depuis la navigation principale, le fil d’actualité, ou encore par les réseaux sociaux qui relaieront les contenus du blog.
Le Rédacteur / Community Manager de l’Equipe E-commerce sera le principal contributeur au blog. Le chef de projet disposera des droits administrateurs et sera donc susceptible de proposer d’autres contributeurs. Si besoin, le Rédacteur / Community Manager de l’Equipe E-commerce pourra solliciter le rédacteur de l’équipe projet comme support.
Il faudra être vigilant de traduire le plus fidèlement les contenus dans les 4 langues afin de conti-nuer le travail de référencement (multilingues) visible dans les autres pays.Dans le cas d’articles plus techniques et reconnaissant les limites des modules de drupal concer-nant la traduction, il sera indispensable de faire appel à une prestation extérieure de traduction.
De plus, les visuels accompagnant les articles pourront être réalisés par le webdesigner de l’équipe projet. Il a à disposition des banques d’images «libre de droits» ou pourra acheter des images le cas échéant.
Dans l’objectif de limiter les campagnes de référencement SEA, une vraie politique de rédaction a été définie dans le plan webmarketing global. Le Rédacteur / Community Manager de l’Equipe E-commerce, sera amené à travailler à temps plein sur ce poste. Le rythme de rédaction sou-haité est intense et le rôle est parfois celui du Service Client et de répondre aux problématiques courantes liées à l’activité e-commerce.
PARTIE 4ENVIRONNEMENT
ET ÉTAPES CLÉS DU PROJET
29
PARTIE 4 - ENVIRONNEMENT ET ÉTAPES CLÉS DU PROJET
4.1 ENVIRONNEMENT DU PROJET
Le chef de projet s’appuiera sur ses équipes et ses collaborateurs pour mettre en œuvre ce projet. À chaque avancée significative du projet, il réunira ses équipes et autres pôles concernés, en vue de leur présenter les directives validées par le comité directeurs.
Ces réunions d’équipe au début de chaque phase serviront à :• Répartir les tâches afin de responsabiliser chacun et de favoriser l’autonomie de
chaque collaborateurs• Identifier rapidement les éventuels freins et risques du projet• Réajuster le planning selon les contraintes temps de chacun• Favoriser la cohésion de groupe• Faciliter les échanges métiers.
Le comité directeur sera régulièrement informé des avancées du projet via les comptes-ren-dus de ces réunions d’équipe.
Avant sa mise en ligne officielle, le site sera testé par un « groupe test » extérieur à Huawei afin d’obtenir un panel de testeurs neutres. De plus, 2 personnes non francophones seront sollicitées dans l’objectif de représenter le plus fidèlement nos cibles.
Ce groupe sera contitué:- 2 personnes non francophones- de 3 personnes choisies pour être différentes les unes des autres (âges, métiers...)
Le but sera de tester l’accessibilité (langues), l’ergonomie, l’expérience utilisateur et ainsi apporter les corrections nécessaires le cas échéant.
Il s’agit pour Huawei d’une nouvelle activité qui nécessite des compétences et des besoins en ressources particulières.
Il s’agit de constituer une équipe de base qui répondrait aux besoins immédiats:• Logistique : gestions des réservations, envois et retours des routeurs...• Service client et commercial : gestion de la relation client Particulier et Entreprise• Référencement et inbound Marketing : Rédacteur / Community Manager : créa-
tion de contenus et gestion de l’E-réputation (veille, rédaction, réseaux sociaux...)
Management collaboratif
Le groupe test
Construction d’une équipe E-commerce dédiée à l’activité
Cette équipe sera amenée à s’étoffer en fonction de la demande.
Deux journées de formation assurées par le chef de projet et l’un des développeurs, seront proposées à l’équipe. Ces membres pourront ainsi se familiariser avec l’interface d’adminis-tration du CMS Drupal Ecommerce.
Cette équipe devra être quasiment autonome pour gérer au quotidien les nombreuses de-mandes clients sans en aviser à chaque fois l’équipe projet.
L’équipe projet sera bien entendu support et interviendra dans les bugs et autres problèmes techniques rencontrés
Chaque phase du projet sera soumise à la validation de la Direction :
Les grandes étapes du projet
Un calendrier précis des dates de validation sera remis à la Direction dès la première réunion d’équipe. Les jalons de validation sont indiqués sur le planning de Gantt joint.
Le détail est dans le planning de Gantt joint.
Validation du comité directeur
Phases Validations du comité directeur
Démarrage du projet 25 mai 2016 : Validation de la solution e-commerce
Conception 1 juin 2016 : Validation du logotype et maquettes graphiques
Production et tests 1 aout 2016 : Validation V016 septembre 2016 : Validation V1
Phases PlanningDémarrage du projet 29 février au 25 mai 2016
Conception 22 mars au 16 juin 2016Production et tests 16 juin au 16 septembre 2016
Mise en ligne officielle 26 septembre 2016Lancement du site 16 septembre au 29 septembre 2016
Vie du site 29 février au 25 mai 2016
4.2 Macro-planning
PARTIE 4 - ENVIRONNEMENT ET ÉTAPES CLÉS DU PROJET
31
Budget de 70 000€ - Base d’une journée de 7h à 455€ par collaborateur.
Le détail des répartitions budgétaires par phase et par métier dans le budget joint.
CoûtsCoûts internes 65 065 €Coûts externes 2 155 €
Marge d’erreur 3% 2 020 €TOTAL 69 240 €
4.3 Macro-budget
PARTIE 4 - ENVIRONNEMENT ET ÉTAPES CLÉS DU PROJET
PARTIE 5PERSPECTIVES
33
5.1 Maintenance, et feedback
5.2 Mise à jour et pistes d’améliorations
Le chef de projet collectera les remarques des internautes via le formulaire de contact et les transmettra mensuellement aux développeurs afin qu’ils puissent faire des corrections ponctuelles au fil du temps. Certaines remarques plus urgentes concernant le proces-sus de réservation, seront remontées immédiatement au développeur afin de corriger le problème.
Une copie intégrale du site sera faite quotidiennement sur un autre serveur afin de pouvoir rapidement remettre le site en ligne en cas de dysfonctionnement (piratage ou autre).
Le Pôle Informatique assurera une permanence afin qu’il y ait toujours un développeur en poste capable d’assurer la maintenance du site (période de congés, turn-over).
Le référenceur fera des reporting mensuels via les outils proposés par Drupal et croi-sera ses résultats avec ceux de Google Analytics afin d’’analyser le trafic du site et de travailler à améliorer son référencement naturel.
Des campagnes de référencement payant (SEA) via Google AdWords et facebook Ads pourront être nécessaires selon les KPI observés.
Les modifications plus conséquentes feront l’objet de mises à jours annuelles.
Les ajouts de fonctionnalités seront préalablement validés par le comité directeur avant leur développement.
Pour améliorer le site proposé, nous pourrions ajouter comme fonctionnalités:• gestion via le site des réservations et comptes entreprises.• prise en charge du panier
De plus les améliorations sont étroitement liées à l’évolution de l’activité e-commerce• élargir l’offre à une zone européenne et mondiale ce qui induit d’autres fonction-
nalités• augmenter les services complémentaires (locations de batteries, autres systèmes
de livraisons...)
Maintenance
Feedback et reporting
PARTIE 5 - PERPECTIVES
Chef de projet multimédia - Line [email protected] - 06 98 85 11 56