Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Propositions pour la refonte d'un site de prêt-à-porter

4,750 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Propositions pour la refonte d'un site de prêt-à-porter

  1. 1. Par Chloé Beghin, Romain Grossard, Alexis Parsat et Kora Saccharin. Refonte d’un site de prêt-à-porter.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  2. 2. Mise en contexte.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  3. 3. Mise en contexte..✤ Une marque de prêt à porter à bas prix depuis 1982.✤ 156 magasins en France.✤ Un chiffre d’affaire de 130 millions d’euros en 2009.✤ Sa cible : toute la famille.✤ Version actuelle du site : un site vitrine (brick and mortar)
  4. 4. Analyse des besoins techniques.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  5. 5. Analyse des besoins techniques.Les fonctionnalités nécessaires.✤ Un catalogue de produit.✤ Un compte client. ✤ Un panier. ✤ Un système de suivi de commande.✤ Un système de paiement entièrement sécurisé.✤ Une visibilité sur les moteurs de recherche.✤ Des systèmes d’analyse du «parcours-client».
  6. 6. Analyse des besoins techniques.Les solutions proposées.
  7. 7. Analyse des besoins techniques.Le système de gestion de contenu Prestashop. ✤ Avantages : ✤ des fonctionnalités de e-commerce intégrées. ✤ des mises à jour régulières. ✤ Inconvénients : ✤ peu de documentation traduite en français. ✤ Une formation nécessaire.
  8. 8. Analyse des besoins techniques.ZendFramework. ✤ Avantages : ✤ Solution sur mesure. ✤ Grande communauté. ✤ Beaucoup de documentation en français. ✤ Peu de formation. ✤ Inconvénients : ✤ Site à développer de zéro. ✤ Nécessité dune maintenance.
  9. 9. Analyse des besoins techniques.La solution retenue.
  10. 10. Améliorer l’accessibilité.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  11. 11. Améliorer l’accessibilité.Objectifs.✤ Conformité avec les standards en vigueur du W3C, et notamment des normes (X)HTML, CSS, XML.✤ Respect d’accessibilité définis par le W3C dans le cadre de la « Web Accessibility Initiative » (WAI).✤ Respect des prescriptions édictées par le « Référentiel Général dAccessibilité pour les Administrations » (RGAA).✤ Mise en œuvre au moins des règles de niveaux A et AA telles qu’elles sont définies dans la dernière version du RGAA.
  12. 12. Améliorer l’accessibilité.Par exemple.✤ Mise en place de alt et title pour les images✤ Hiérarchisation des contenus✤ Alternatives aux contenus dynamiques✤ Page d’erreurs personnalisées✤ ...✤ L’accessibilité du site passe aussi par le fait de rendre l’administration du CMS accessible autant que les contenus du site.
  13. 13. Améliorer la visibilité.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  14. 14. Améliorer la visibilité.Le site sur les moteurs de recherche✤ Le référencement : rendre un site internet visible aux yeux des internautes dans les moteurs de recherche par la mise en oeuvre de techniques et de pratiques. + de 90% des internautes français utilisent Google. ✤ www.styleco.fr : un pagerank de 4 avec 538 liens entrants
  15. 15. Améliorer la visibilité.Comment procéder ?✤ Référencer une boutique en ligne, c’est la rendre visible sur des mots- clés / expressions clés susceptibles d’être tapés par les internautes. ✤ Intérêt. ✤ Faisabilité.✤ Un seul objectif : répondre à la demande du consommateur !
  16. 16. Améliorer la visibilité.Comment procéder ?✤ Intégrer les mots-clés /expressions clés choisi(e)s en amont…✤ … dans des pages web structurées. ✤ Des contenus optimisés. ✤ Des contenus structurés, hiérarchisés. ✤ Aller à l’essentiel.
  17. 17. Améliorer la visibilité.Assurer un suivi de positionnement.✤ Analyser l’audience de votre site internet : ✤ Effectuer le suivi des ventes et des conversions. ✤ Identifier vos sources de trafics. ✤ Comprendre le parcours utilisateur.
  18. 18. Améliorer la visibilité.Assurer un suivi de positionnement.✤ Un bon positionnement n’est jamais acquis. ✤ Les concurrents. ✤ L’évolution des moteurs de recherche.✤ Le référencement d’un site se travaille au quotidien.
  19. 19. L’arborescence.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  20. 20. L’arborescence.
  21. 21. Styleco.fr : l’arborescence. Accueil
  22. 22. Styleco.fr : l’arborescence. Accueil
  23. 23. Les zonings.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  24. 24. Les zonings.
  25. 25. Les zonings.
  26. 26. Les zonings.
  27. 27. Améliorer la charte graphique.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  28. 28. Améliorer la charte graphique.Objectifs.✤ Un site internet plus agréable.✤ Une ambiance agréable, rassurante.✤ Un site internet simple d’utilisation.✤ Un graphisme satisfaisant pour tous les publics visés.
  29. 29. Améliorer la charte graphique.Choix graphiques: un design sobre et épuré.✤ Polices ✤ Menus et titres de premier niveau : chalkbord ✤ Titres de second niveau : futura ✤ Titres de niveaux inférieurs et textes : Gill Sans✤ Couleurs dominantes ✤ Différentes niveaux de gris pour le fond et les menus ✤ Textes du header en orange (le même que celui du logo) ✤ Différentes couleurs pour chaque grandes catégories reprises en couleurs dominante dans les pages
  30. 30. Améliorer la charte graphique.Choix graphiques: les polices.✤ Exemple des polices ✤ Chalkbord : Femme, Homme, Fille, Garçon, Bébé ✤ Futura : Haut, Bas, Lingerie ✤ Gill Sans : Pull manches courtes à seulement 10€99
  31. 31. Plan de communication etmarketing interactif.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
  32. 32. Marketing interactif.Campagne de liens sponsorisés AdWords✤ Objectifs ✤ Générer rapidement un trafic ciblé. ✤ Jouer sur lévénement : ouverture d’une boutique en ligne. ✤ Faire connaître la marque à de potentiels clients.✤ Avantages ✤ Achat au CPC (coût par clic) plus économe que le CPM (coup par mille). ✤ Sélection fine des cibles potentielles (localisation et mots-clés utilisés). ✤ Inclusions d’informations pratiques dans l’annonce publicitaire.
  33. 33. Marketing interactif.Exemple de publicité AdWords Vêtements Pour Toute la Famille Le Meilleur de la Mode à Petit Prix Découvrez nos Collections Familiales! http://nom-du-site.com (http://nom-du-site.com/collections)
  34. 34. Marketing interactif.Social networking✤ Objectifs ✤ Visibilité sur de nombreuses plateformes. ✤ Interactions directs avec le client. ✤ Crédibilité de la marque vis à vis des jeunes ✤ Diffusion d’informations pratiques et d’évènements✤ Solutions proposées ✤ Facebook ✤ Twitter ✤ Blogs (Wordpress / Tumblr)
  35. 35. Marketing interactif.Facebook✤ Création d’une page fan.✤ Bouton partager sur Facebook dans la boutique.✤ Re-design de la page fan.✤ Porte parole de la marque auprès des clients.
  36. 36. Marketing interactif.Twitter✤ Coupe de la marque avec une identité humaine✤ Publication des nouveaux articles en vente✤ Bouton «twitter ceci» dans la boutique
  37. 37. Marketing interactif.Blog (Wordpress / Tumblr)✤ Proposition d’aide et de looks au client✤ Agrégation de flux avec TwitterFeed✤ Articles sur les nouveaux articles de la boutique
  38. 38. Marketing interactif.Marketing viral : le link bating✤ Concours pour les adultes. ✤ Voter pour le meilleur look Styleco. ✤ Partager sur Facebook pour pouvoir voter. ✤ Atteinte du réseau de niveau 1 à 2. ✤ Gain en bons d’achats à la clef.✤ Jeu vidéo viral pour les enfants. ✤ Jeu d’habillage de personnages avec les habits de la marque ✤ Possibilité de publier sur Facebook ✤ Liens directs vers la boutique pour proposer un panier rempli ✤ Peut intéresser des adolescents voulant tester les looks
  39. 39. Agence de communication Skavia design. Merci de votre attention !Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011

×