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