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

3,683
-1

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,683
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×