1. ANALYSE DE SITE E-COMMERCE
PIERRE BAGLIN | FLORENCE BLAMOUTIER | VINCENT COLIGNON | CHARLOTTE DE BARDIES
DIGITAL MARKETING – INSEEC CLASSE 1

3. ERGONOMIE

4. ERGONOMIE : PAGE D’ACCUEIL

5. ERGONOMIE | PAGE D’ACCEUIL | ABOVE THE FOLD
Quatre Zones sont situées dans le Fold lors d’une
visualisation classique sur un écran d’une
résolution 1368x768px
1
1) Barre de recherche et login 2
2) Header
3) Carrousel
4) Barre sociale qui s’affiche toujours en bas de
page et qui suit le scroll de la souris
3
4

6. ERGONOMIE | PAGE D’ACCEUIL | BARRE DE RECHERCHE ET LOGIN
Présence du moteur de Lien de login au siteweb, Visualisation dymanique du
recherche à gauche dans le redirection vers une section panier, mais pas de pré
header, toutefois absence de https du site visualisation directe des
fonction auto-complete produits par le biais d’un mini
déplorable panier, également utilisation
du rouge contestable

7. ERGONOMIE | PAGE D’ACCEUIL | HEADER
Emplacement prévu pour Logo cliquable renvoyant vers Emplacement prévu pour un
l’affichage d’un disclaimer lors la page d’accueil du site push promotion
d’opérations spéciales

8. ERGONOMIE | PAGE D’ACCEUIL | HEADER
Premier niveau de navigation Barre de réassurance bien Lien rapides vers les outils de
extrêmement clair et bien visible, toutefois masquée localisation des magasins, et
segmenté (voir partie lorsque la mega nav se les blogs du magasin.
navigation). déploie.

9. ERGONOMIE | PAGE D’ACCEUIL | CAROUSEL
Carrousel classique de push :
Sélection de produits, saisonnalité,
évènements
Rotation automatique toutes les 7
secondes

10. ERGONOMIE | PAGE D’ACCEUIL | CAROUSEL
Zone entièrement cliquable CTA clairement identifiable Rotation manuelle du carousel

11. ERGONOMIE | PAGE D’ACCEUIL |BARRE SOCIALE
Cette barre reste continuellement visible sur le site internet étant donné qu’elle se déplace en fonction du scroll de
l’utilisateur. Peut être un bon endroit pour mettre des éléments de réassurance continuellement visibles
Inscription rapide à une newsletter Liens d’accès rapides vers les réseaux Expérience e-commerce
sociaux ou citadium est actif améliorée grâce à la présence
de la playlist citadium
renforçant ainsi le coté
Utilisation du rouge pour signifier la expérience de marque, OFF par
validation de l’inscription contestable défaut pour ne pas être trop
intrusive

12. ERGONOMIE | PAGE D’ACCEUIL |BELOW THE FOLD | ZONE DE PUSH
Zone de push assez confusante en dessous du
carrousel.
Celui-ci se compose de 5 push difficilement
identifiables entre eux.
Certaines destinations ne sont pas non plus
identifiables -> Le push focus otaku ne donne
aucune indication sur sa destination -> la page
de marque otaku sur le site

13. ERGONOMIE | PAGE D’ACCEUIL |BELOW THE FOLD | ZONE DE PUSH
Petit texte de bienvenue du magasin SEO Push marques qui renvoie vers la liste de
friendly produits triée en fonction de la marque
sélectionnée
« Toutes les marques » renvoie vers une
liste de toutes les marques disponibles sur
le site

14. ERGONOMIE | PAGE D’ACCEUIL |BELOW THE FOLD | ZONE DE PUSH
Il y a 4 différents manières Eléments de réassurance qui Liens d’accès rapides vers les
Renvoie vers une page où chaque de contacter la marque: renvoient vers des pages différents réseaux sociaux + box
section est délimitée par une encre  Formulaire d’informations Facebook qui permet de voir le
pour une navigation plus efficace  Fax Personnalisation du « qui
nombre de fans et les amis qui sont
 Téléphone sommes nous? Qui présente
déjà fans de la page
 Courrier les employés mais qui ne
donne pas d’information sur
l’entreprise elle-même

15. ERGONOMIE | PAGE D’ACCEUIL
LES + LES -
Header assez épuré et non surchargé Carrousel toutefois très fouillis, ne permettant pas une
identification claire des destinations
Eléments de réassurance visibles Devraient rester visibles même lors du déploiement du
menu de navigation
Panier dynamique Absence de mini panier et utilisation du rouge
contestable, recommandation de la mise en place d’un
mini panier permettant d’interagir directement avec
l’ensemble du panier
Pas de fonction auto-complete dans la barre de recherche

16. ERGONOMIE : NAVIGATION

17. ERGONOMIE | NAVIGATION
Toute la navigation en roll over
1er Niveau : Très bonne segmentation des différentes catégories
2nd Niveau : Segmentation encore une fois très claire
3eme Niveau : Produits extrêmement bien segmentés par le biais de titres , organisation par ordre alphabétique, accès rapide
par marques, toutefois pas de soulignement des liens en roll over et disparition des éléments de réassurance lors du
déploiement de la mega nav

18. ERGONOMIE | NAVIGATION : PARTICULARITES
STYLES : Proposition de styles se rapprochant de la cible, permettant au client d’avoir un accès direct à
des produits qui correspondent à son look
Utilisation d’images attrayante et facilement compréhensible

19. ERGONOMIE | NAVIGATION : PARTICULARITES
LES LOOKS WAD :
 Accentuation de l’expérience de
marque
 Mise en avant d’ambassadeurs de
la marque par le biais d’un
shooting et d’interviews
 Mise en avant de looks avec une
décomposition de la silhouette et
renvoie vers la page produit.

20. ERGONOMIE | NAVIGATION : PARTICULARITES
LES LOOKS WAD : EXEMPLE DE’INTERVIEW

21. ERGONOMIE : PAGE LISTE DE PRODUITS

22. LISTE PRODUITS | ABOVE THE FOLD (1366x768px)
Dans le fold :
 Visualisation des
trois premiers
produits
 Des elements de
reassurance
 Du fil d’ariane
 De la barre de tri
des produits
 De deux ou trois
facets en fonction
des catégories de
produits

23. LISTE PRODUITS
Eléments de réassurance
toujours visibles
Fil d'Ariane efficace
En hover apparition du visuel
arrière du produit

24. LISTE PRODUITS | FACETS NAVIGATION
Dynamisation des filtres : Lorsque le client
sélectionne certains filtres, d’autres filtres
plus précis apparaissent pour améliorer sa
recherche ( Taille après sélection de Haut >
Chemise)

25. LISTE PRODUITS | BARRE DE TRI
Barre de tri pertinente Affichage du nombre de Navigation entre les
produits trouvés pages de la liste de
produits
Cette bar de tri est dupliquée en haut et bas de page, toutefois lorsque l’utilisateur décide d’afficher 90 produits par pages,
le scroll peut être très long et la présence d’un bouton scroll up permanent aurait été la bienvenue

26. LISTE PRODUITS | PRODUIT AFFICHE
Information produit dans la
liste de produits
 Image du produit
recto/verso en fonction du
roll over
 Marque du produit
 Micro descriptif
 Prix

27. LISTE PRODUITS | PRODUIT AFFICHE (RECOMENDATION)
Ajout au roll over de deux call to
actions :
Ajouter au panier
Ajouter à la wishlist
-> Mise en place d’une wishlist
sociale permettant au client
également de partager sur les
réseaux sociaux son/ses produit
Les tailles disponibles devraient
également être mises directement en
avant
En roll over une silhouette du produit
porté est montré permettant de faire
du cross sell sur l’ensemble d’un look
via la fiche produit

28. ERGONOMIE : PAGE PRODUIT

29. FICHE PRODUIT | ABOVE THE FOLD (1366x768px)
Dans le fold :
 Bonne visualisation du
produit
 Des éléments de réassurance
 Du fil d'Ariane
 De la plupart des
informations sur le produit
 Du prix et du CTA
 Des Avis

30. FICHE PRODUIT | PRESENTATION PRODUIT
Eléments de réassurance toujours
visibles
Présence du fil d'Ariane

31. FICHE PRODUIT | INFORMATIONS PRODUIT
Titre et descriptif du
produit Logo de la marque du produit
Prix Différents coloris si disponibles
Choix de la taille et Guide des
Quantité tailles
Bouton d’ajout au panier
Descriptif détaillé du
produit

32. FICHE PRODUIT | INFORMATIONS PRODUIT | GUIDE DES TAILLES

33. FICHE PRODUIT | INFORMATIONS PRODUIT | GUIDE DES TAILLES

34. FICHE PRODUIT | GALERIE PHOTOS

35. FICHE PRODUIT | SOCIAL FEATURES

36. FICHE PRODUIT | SOCIAL FEATURES

37. FICHE PRODUIT | SOCIAL FEATURES

38. FICHE PRODUIT | AVIS

39. FICHE PRODUIT | AVIS

40. FICHE PRODUIT | CROSS SELL / UP SELL

41. FICHE PRODUIT | CROSS SELL / UP SELL | RECOMENDATION
CROSS SELL plus pertinent suite à la proposition d’acheter l’ensemble des articles
composant la silhouette, permet également de ne pas faire hésiter le consomateur
Utilisation d’une silhouette en lui proposant uniquement des articles similaires
pour présenter le produit

42. ERGONOMIE | PAGE PRODUIT
LES + LES -
 Bonne mise en avant du produit  Affichage taille « disponible »: disparition des tailles
épuisées au lieu de les griser (best practice)
 Photo très grande et de très haute qualité
 Manque de la silhouette ( voir des vêtements portés
 Super zoom transforme plus
 Manque d’une wish list
 Partage sur les différents réseaux sociaux + possibilité
de déposer son avis  Manque de la fonction Pin it de Pinterest et Fancy de
The Fancy, reseaux sociaux qui sont fortement utilisés
par la cible de Citadium
 Panier dynamique  Cross sell plus engageant sur une silhouette, permet
de compléter un look

43. CANAL DE VENTE

44. CANAL DE VENTE
Visualisation claire de l’ajout
d’un article
N’ayant pas une visualisation
des autres articles du panier,
le mot « Total Panier » serait
plus adéquat afin de ne pas
induire le client en erreur

45. CANAL DE VENTE
Possibilité de continuer son
shopping après l’ajout d’un article
Toutefois les CTA « Voir mon
panier » et « Commander »
envoient au même endroit
-> dédoublement inutile
Eléments de réassurance toujours
visibles

46. CANAL DE VENTE
Pas de possibilité de paiement en
tant que Guest, toutefois utile
pour le datamining
Formulaire d’inscription qui peut
être un peu intimidant

47. CANAL DE VENTE
Confirmation de l’inscription sur
le site ainsi que confirmation par
email (Trigger Marketing)

48. CANAL DE VENTE
Mise en avant du compte client
Citadium :
 Possibilité de modifier ses
informations personnelles
 Gestion du carnet d’adresse
 Inscription à la newsletter (Opt-in)
 Historique des commandes

49. CANAL DE VENTE
 Eléments de réassurance
toujours visible
 Call Center pourrait être
gratuit
 Mise en avant de la livraison à
revoir (livraison seulement en
point relais en dessous de
100€ de commande, pas de
mise en avant de la livraison à
domicile)
 Panier dynamique classique
permettant d’ajuster les
quantités et de supprimer des
articles

50. CANAL DE VENTE
Partage du panier optimisable :
Uniquement possibilité de
partager par email
Un partage sur les réseaux sociaux
semble plus approprié

51. CANAL DE VENTE
Récapitulatif des informations de
livraisons et de paiement toujours
visible sur le coté

52. CANAL DE VENTE
3 modes de livraison possible à
partir de 100 euros d’achat:
 Colissimo (gratuit)
 Points relais (le plus proche
sélectionné par défaut en
fonction de l’adresse)
 Chronopost (payant)
En dessous de 100€, livraison
uniquement en point relais ce qui
est déplorable pour les
consommateurs n’habitant pas
dans de grandes agglomérations

53. CANAL DE VENTE
Il y a 3 différents mode de
paiements:
 Carte bleu visa
 Mastercard
 Paypal (rapidité de paiement
pour les e-shoppers confirmés)

54. CANAL DE VENTE
Paiement sécurisé par Ogone
(un des leaders du secteur)

55. SCENARI DE PARCOURS CLIENTS

56. SCENARIOS DE PARCOURS CLIENT
1 Une personne qui cherche un article bien défini par le biais du menu

58. SCENARIOS DE PARCOURS CLIENT
2 Une personne qui cherche un article bien défini par le biais de la barre de recherche

60. SCENARIOS DE PARCOURS CLIENT
3 Une personne qui n’a pas d’idée d’article précise et qui va utiliser la fonction « style » du site

62. CITADIUM SUR LES RESEAUX SOCIAUX

63. CITADIUM SUR LES RESEAUX SOCIAUX | FACEBOOK
79K+
2,2K+ Talking about it
1 à 2 publications par
jours
Jusqu’à 260 likes/
publication populaires

64. CITADIUM SUR LES RESEAUX SOCIAUX | FACEBOOK
Animations :
 Jeux concours
 Promotions
 Evènements
 Vidéos

65. CITADIUM SUR LES RESEAUX SOCIAUX | TWITTER

66. CITADIUM SUR LES RESEAUX SOCIAUX | TWITTER
Animation du compte twitter :
 Jeux concours
 Sorties Produits
 Annonces d’evenements
 Relais évènements (drive to
store)
En moyenne les tweets les plus
populaires sont retweetés entre 1
et 2 fois

67. CITADIUM SUR LES RESEAUX SOCIAUX | GOOGLE +
18
 Peu ou pas d’engagement
 Nombre très faible de
followers
 Peu d’activité (activité non
similaires à la page Facebook
et Twitter)
 Toutefois intéressant pour le SEO
(Recherche locale, ratings etc…)

68. CITADIUM SUR LES RESEAUX SOCIAUX | INSTAGRAM
79 Photos
339 Abonnés
L’utilisation d’un compte
instagram est intéressante car
elle est en adéquation totale
avec la cible de citadium (les
hipsters)
C’est donc un excellent moyen
de communication pour se
connecter à sa cible et
transmettre son expérience de
marque.

69. CITADIUM SUR LES RESEAUX SOCIAUX | LE BLOG CITADIUM
The Very Good Blog
Un blog tourné autour:
 de la mode
 des nouvelles sorties produits
de Citadium
 d’expositions parisiennes ou de
lieus « branchés »
 Une rubrique qui permet aussi
de découvrir mieux les
employés de la marque
 Les actualités du web dans la
rubrique WTF! Composée
majoritairement de vidéos

70. ERGONOMIE | RESEAUX SOCIAUX
 LES + LES -
Différents réseaux sociaux populaires:  Manque Pinterest et The Fancy qui sont tout à fait
 Facebook: le plus utilisé compatible avec le partage de vêtements
 Twitter: relais les actualités courtes
 Google+: permet un bon référencement
 Instagram: Une plateforme plus graphique qui permet
de mettre en avant les produits et les évènements
 Régularité des post  Manque d’interactions (peu de retweet, ou de likes)
 Des actualités (mode, expos, web) en rapport avec sa
cible (les hipsters)
 Des jeux concours réguliers

71. ERGONOMIE SUR MOBILES ET TABLETTES

72. ERGONOMIE SUR PLATEFORMES MOBILES |ANDROID
Affichage impeccable sur Android
Pas de site mobile dédié, toutefois site en responsive design
qui permet un affichage adapté pour toutes les résolutions
dont les mobiles

73. ERGONOMIE SUR PLATEFORMES MOBILES | IOS IPHONE

74. ERGONOMIE SUR PLATEFORMES MOBILES | IOS IPAD

75. SUPPORT CLIENT

76. SUPPORT CLIENT
Par formulaire : Envoyé lundi 26 Novembre, toujours pas de réponse
Par téléphone :
Problème résolu en +/- 4minutes de communication, système plus efficace que par
formulaire toutefois c’est déplorable que le call center soit payant (0,112€/min)

77. ARCHITECTURE DU SITE

78. SITEMAP
Liens vers pages standalone (réseaux
Login en HTTPS non trackable Homepage sociaux, blogs, login, panier, infos…)
Homme Femme Marques Mode
/p/[REF_PRODUIT]

79. SITEMAP
Liens vers pages standalone (réseaux
Section login en HTTPS non traçable Homepage sociaux, blogs, login, panier, etc…)
Homme Femme Marques Mode
/p/[REF_PRODUIT]

80. SITEMAP
URL : http://www.citadium.com/

81. SITEMAP
URL : http://www.citadium.com/homme/C-23138-vestes
Génération d’une
liste de produits
avec facets
adéquats suite à
l’appel dans la base
de donnée de la
catégorie
C-23138-vestes
suite au clic sur la
catégorie
« Homme/Vetemen
ts/Vestes »

82. SITEMAP
URL : http://www.citadium.com/p/1833855_NOIR
Génération d’une
page produit avec
suite à l’appel dans
la base de donnée
de la fiche produit
1833855_NOIR
suite au clic sur le
produit SCHOTT
DUFFLECOAT
WARREN LAINE /
NOIR

83. SEO / SEM

84. SEO | GOOGLE
Résultat de recherche Citadium:
 Annonce SEM
 Site links
 Google Maps
 Google Reviews
 Google +
- Pas de produits dans Google base

85. SEO | SITELINKS
Site links optimisé :
 Adresse du magasin en dur
 Numéro de téléphone
 Lien vers la pages de toutes les marques
 Lien vers la liste des magasins
 Lien vers le E-shop
 Lien vers la page Livraison & Retours
Sans être allé sur le site, l’internaute est déjà
rassuré. Il sait où appeler, où aller et comment
faire en cas de problème.

86. SEO | PAGE GOOGLE + | REVIEWS
Liste des avis Google :
 Note de 21/30 (Très bon à
excellent)
 Commentaires élogieux
Liens vers les autres site d’avis :
 Qype.fr
 Cityvox.fr
 Cityzeum.com

87. SEO | PAGE GOOGLE +
Google + optimisé :
 Description de l’univers Citadium
 Derniers messages
Même si le nombre de followers sur Google plus
reste très limité, le fait d’avoir une page améliore
fortement le référencement sur Google.

88. SEO | PAGERANK | BACKLINKS
Page Rank :
 PR de 4/10 pour 37300 pages indexées
Backlinks :
 1055
 chemise.blogspirit.com - 20littlecities.com - streetplanneur.com - doucementlematin.com - milkmagazine.net -
pauls-boutique.com - travel.nytimes.com - 386a.net - univ-brest.fr - street-tease.com - fricote.fr viacomit.net -
sqli.com g-people.com - zonebourse.com - eu.levi.com

89. SEO | SITEMAP.XML
Absence du fichier Sitemap.xml à la racine du site
pour optimiser l’indexation par les bots et les crawlers

90. SEO | Optimisation du contenu
Page URL Balise Title Meta description Titre H1
www.citadium.co E-Shop Street, Fashion, Retrouvez tout l'univers Citadium et Aucun
Accueil m/ Denim, Skate & achetez votre look en ligne ! Plus de 130
LifeStyle | E-shop Citadium marques pour une sélection mode
Homme & Femme. Livraison offerte en
relais colis et retours gratuits.
http://www.citadi Vêtement Homme Street & Pantalons & chemises, sweat & t-shirt, Vêtement
Catégorie – um.com/homme/ Mode | E-shop Citadium manteaux & blousons... tous les
Homme C-10205- vêtements pour Homme Street, Fashion,
vêtements vetements Denim et Lifestyle, sélectionnés par
Citadium. Livraison offerte en relais colis
et retours gratuits.

91. SEO | Optimisation du contenu
Page URL Balise Title Meta description Titre H1
Sous- http://www.citadiu Blousons Homme | E-shop Une Canada Goose pour cet hiver ? Ou Blousons
catégorie – m.com/homme/C- Citadium plutôt un teddy American College ? Cuir
Homme 23139-blousons ? tissu ? Choisissez parmi les blousons
vêtements street & fashion sélectionnés par
blouson Citadium. Livraison offerte en relais colis
et retours gratuits.
Fiche http://www.citadiu American College Blouson Aucune American
produit – m.com/p/1499702_ Teddy Laine Manches Cuir college blouson
American OCEAN / Océan | E-shop Citadium teddy laine
College manches cuir /
Blouson océan

92. SEM | Annonce relative à Citadium
La seule annonce est liée à la recherche
« citadium ».
Aucune autre annonce adwords ou adsence
ont été affichées

93. CONCLUSION | SEO/SEM
LES + LES -
 Bonne utilisation des outils google - Le site est seulement positionné sur le mot clé « citadium »
 Optimisation des Site Links - Le site apparaît seulement sur des mots clés à faible requête
 Page rank correcte même s’il faudrait - Absence de meta description sur certaines pages
intensifier la création de backlinks de
qualité - URL avec des chiffres et sans mots clés
- Balises title identiques avec à chaque fois les mots clés « E-shop
Citadium »
- Titre H1 trop générique
- Pas de produits dans Google Base
- Absence du fichier Sitemap.xml à la racine du site

94. MERCI DE VOTRE ATTENTION