Your SlideShare is downloading. ×
Analyse du site E-commerce de Citadium
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Analyse du site E-commerce de Citadium

4,638
views

Published on

Published in: Business

1 Comment
1 Like
Statistics
Notes
  • Merci pour cette analyse très intéressante.
    Quelques précisions :
    - le rouge n'est pas franchement discutable tant qu'il ne gêne pas l'ergonomie ni la lisibilité (attention aux codes esthétiques de la cible)
    - le mini panier n'est pas un must have mais un nice to have car le panier moyen en volume est peu élevé
    - la réassurance n'a pas besoin d'être au-dessus du mega menu car trop d'information tue l'information et la réassurance c'est avant de naviguer.

    Et enfin merci pour le compliment sur la structure de navigation, elle n'a pas été facile à sortir (c'est pour cela qu'elle est facile d'utilisation)

    Emmanuel
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
4,638
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
113
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ANALYSE DE SITE E-COMMERCEPIERRE BAGLIN | FLORENCE BLAMOUTIER | VINCENT COLIGNON | CHARLOTTE DE BARDIES DIGITAL MARKETING – INSEEC CLASSE 1
  • 2. ERGONOMIE
  • 3. ERGONOMIE : PAGE D’ACCUEIL
  • 4. ERGONOMIE | PAGE D’ACCEUIL | ABOVE THE FOLDQuatre Zones sont situées dans le Fold lors d’unevisualisation classique sur un écran d’unerésolution 1368x768px 11) Barre de recherche et login 22) Header3) Carrousel4) Barre sociale qui s’affiche toujours en bas de page et qui suit le scroll de la souris 3 4
  • 5. 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
  • 6. 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
  • 7. 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.
  • 8. ERGONOMIE | PAGE D’ACCEUIL | CAROUSELCarrousel classique de push :Sélection de produits, saisonnalité,évènementsRotation automatique toutes les 7secondes
  • 9. ERGONOMIE | PAGE D’ACCEUIL | CAROUSEL Zone entièrement cliquable CTA clairement identifiable Rotation manuelle du carousel
  • 10. 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
  • 11. 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
  • 12. 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
  • 13. 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 lesRenvoie vers une page où chaque de contacter la marque: renvoient vers des pages différents réseaux sociaux + boxsection est délimitée par une encre  Formulaire d’informations Facebook qui permet de voir lepour 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
  • 14. 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
  • 15. ERGONOMIE : NAVIGATION
  • 16. ERGONOMIE | NAVIGATIONToute la navigation en roll over1er Niveau : Très bonne segmentation des différentes catégories2nd Niveau : Segmentation encore une fois très claire3eme Niveau : Produits extrêmement bien segmentés par le biais de titres , organisation par ordre alphabétique, accès rapidepar marques, toutefois pas de soulignement des liens en roll over et disparition des éléments de réassurance lors dudéploiement de la mega nav
  • 17. 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
  • 18. 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.
  • 19. ERGONOMIE | NAVIGATION : PARTICULARITES LES LOOKS WAD : EXEMPLE DE’INTERVIEW
  • 20. ERGONOMIE : PAGE LISTE DE PRODUITS
  • 21. 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
  • 22. LISTE PRODUITS Eléments de réassurance toujours visibles Fil dAriane efficace En hover apparition du visuel arrière du produit
  • 23. 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)
  • 24. LISTE PRODUITS | BARRE DE TRI Barre de tri pertinente Affichage du nombre de Navigation entre les produits trouvés pages de la liste de produitsCette 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
  • 25. 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
  • 26. LISTE PRODUITS | PRODUIT AFFICHE (RECOMENDATION)Ajout au roll over de deux call toactions :Ajouter au panierAjouter à la wishlist-> Mise en place d’une wishlistsociale permettant au clientégalement de partager sur lesréseaux sociaux son/ses produitLes tailles disponibles devraientégalement être mises directement enavantEn roll over une silhouette du produitporté est montré permettant de fairedu cross sell sur l’ensemble d’un lookvia la fiche produit
  • 27. ERGONOMIE : PAGE PRODUIT
  • 28. FICHE PRODUIT | ABOVE THE FOLD (1366x768px) Dans le fold :  Bonne visualisation du produit  Des éléments de réassurance  Du fil dAriane  De la plupart des informations sur le produit  Du prix et du CTA  Des Avis
  • 29. FICHE PRODUIT | PRESENTATION PRODUIT Eléments de réassurance toujours visibles Présence du fil dAriane
  • 30. 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
  • 31. FICHE PRODUIT | INFORMATIONS PRODUIT | GUIDE DES TAILLES
  • 32. FICHE PRODUIT | INFORMATIONS PRODUIT | GUIDE DES TAILLES
  • 33. FICHE PRODUIT | GALERIE PHOTOS
  • 34. FICHE PRODUIT | SOCIAL FEATURES
  • 35. FICHE PRODUIT | SOCIAL FEATURES
  • 36. FICHE PRODUIT | SOCIAL FEATURES
  • 37. FICHE PRODUIT | AVIS
  • 38. FICHE PRODUIT | AVIS
  • 39. FICHE PRODUIT | CROSS SELL / UP SELL
  • 40. 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
  • 41. 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
  • 42. CANAL DE VENTE
  • 43. 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
  • 44. 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
  • 45. 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
  • 46. CANAL DE VENTE Confirmation de l’inscription sur le site ainsi que confirmation par email (Trigger Marketing)
  • 47. 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
  • 48. 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
  • 49. CANAL DE VENTE Partage du panier optimisable : Uniquement possibilité de partager par email Un partage sur les réseaux sociaux semble plus approprié
  • 50. CANAL DE VENTE Récapitulatif des informations de livraisons et de paiement toujours visible sur le coté
  • 51. 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
  • 52. 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)
  • 53. CANAL DE VENTE Paiement sécurisé par Ogone (un des leaders du secteur)
  • 54. SCENARI DE PARCOURS CLIENTS
  • 55. SCENARIOS DE PARCOURS CLIENT 1 Une personne qui cherche un article bien défini par le biais du menu
  • 56. SCENARIOS DE PARCOURS CLIENT 2 Une personne qui cherche un article bien défini par le biais de la barre de recherche
  • 57. 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
  • 58. CITADIUM SUR LES RESEAUX SOCIAUX
  • 59. CITADIUM SUR LES RESEAUX SOCIAUX | FACEBOOK 79K+ 2,2K+ Talking about it 1 à 2 publications par jours Jusqu’à 260 likes/ publication populaires
  • 60. CITADIUM SUR LES RESEAUX SOCIAUX | FACEBOOK Animations :  Jeux concours  Promotions  Evènements  Vidéos
  • 61. CITADIUM SUR LES RESEAUX SOCIAUX | TWITTER
  • 62. 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
  • 63. 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…)
  • 64. 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.
  • 65. 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
  • 66. 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
  • 67. ERGONOMIE SUR MOBILES ET TABLETTES
  • 68. 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
  • 69. ERGONOMIE SUR PLATEFORMES MOBILES | IOS IPHONE
  • 70. ERGONOMIE SUR PLATEFORMES MOBILES | IOS IPAD
  • 71. SUPPORT CLIENT
  • 72. 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)
  • 73. ARCHITECTURE DU SITE
  • 74. 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]
  • 75. 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]
  • 76. SITEMAPURL : http://www.citadium.com/
  • 77. SITEMAPURL : 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 »
  • 78. SITEMAPURL : 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
  • 79. SEO / SEM
  • 80. SEO | GOOGLE Résultat de recherche Citadium:  Annonce SEM  Site links  Google Maps  Google Reviews  Google + - Pas de produits dans Google base
  • 81. SEO | SITELINKSSite 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 & RetoursSans être allé sur le site, l’internaute est déjàrassuré. Il sait où appeler, où aller et commentfaire en cas de problème.
  • 82. SEO | PAGE GOOGLE + | REVIEWSListe des avis Google : Note de 21/30 (Très bon à excellent) Commentaires élogieuxLiens vers les autres site d’avis : Qype.fr Cityvox.fr Cityzeum.com
  • 83. 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.
  • 84. SEO | PAGERANK | BACKLINKSPage Rank : PR de 4/10 pour 37300 pages indexéesBacklinks : 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
  • 85. SEO | SITEMAP.XML Absence du fichier Sitemap.xml à la racine du site pour optimiser l’indexation par les bots et les crawlers
  • 86. SEO | Optimisation du contenu Page URL Balise Title Meta description Titre H1 www.citadium.co E-Shop Street, Fashion, Retrouvez tout lunivers Citadium et AucunAccueil 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êtementCatégorie – um.com/homme/ Mode | E-shop Citadium manteaux & blousons... tous lesHomme 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.
  • 87. SEO | Optimisation du contenu Page URL Balise Title Meta description Titre H1Sous- http://www.citadiu Blousons Homme | E-shop Une Canada Goose pour cet hiver ? Ou Blousonscatégorie – m.com/homme/C- Citadium plutôt un teddy American College ? CuirHomme 23139-blousons ? tissu ? Choisissez parmi les blousonsvêtements street & fashion sélectionnés parblouson Citadium. Livraison offerte en relais colis et retours gratuits.Fiche http://www.citadiu American College Blouson Aucune Americanproduit – m.com/p/1499702_ Teddy Laine Manches Cuir college blousonAmerican OCEAN / Océan | E-shop Citadium teddy laineCollege manches cuir /Blouson océan
  • 88. SEM | Annonce relative à Citadium La seule annonce est liée à la recherche « citadium ». Aucune autre annonce adwords ou adsence ont été affichées
  • 89. 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
  • 90. MERCI DE VOTRE ATTENTION