cahier des charges technique - line aligand · partie 2 - la solution e-commerce 2.1 base de...

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


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.


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


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


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

twitter

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 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)


15


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é


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


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.


• 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.


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


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

email

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


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 ?


Et pour vous les entreprises

Réservez

VOYAGEURS

En savoir +

VACANCIERS

En savoir +

ENTREPRISES

Contactez-nous Contactez-nous Contactez-nous Contactez-nous

En savoir +


Suivez-nous

A propos de Huawei Nos partenairesPlus d’informations

- CGV- Mentions légales

t

t

Blog

y

g l

f

f


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 +


Comment réserver ?

Une question ?

Versions Desktop et Tablette

HEADER

MAIN

FOOTER



Réservez


Suivez-nous

A propos de Huawei Nos partenaires

- CGV- Mentions légales

t

t Blog

y g lf

f


Langues

LOGO

Qui êtes vous ?

En savoir +


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


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


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


25

Main: Formules existantes

Main: Offre Entreprise

Main: Avis Commentaires

9

10

11

12


Main (suite)

9

10

11

12


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


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.


3

27


18

17


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


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 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

cahier des charges technique - line aligand · partie 2 - la solution e-commerce 2.1 base de...

Documents