Par Chloé Beghin, Romain Grossard, Alexis Parsat et Kora Saccharin.                        Refonte d’un site              ...
Mise en contexte.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
Mise en contexte..✤   Une marque de prêt à porter à bas prix depuis 1982.✤   156 magasins en France.✤   Un chiffre d’affai...
Analyse des besoins techniques.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
Analyse des besoins techniques.Les fonctionnalités nécessaires.✤   Un catalogue de produit.✤   Un compte client.    ✤     ...
Analyse des besoins techniques.Les solutions proposées.
Analyse des besoins techniques.Le système de gestion de contenu Prestashop.                 ✤   Avantages :               ...
Analyse des besoins techniques.ZendFramework.                 ✤   Avantages :                     ✤                       ...
Analyse des besoins techniques.La solution retenue.
Améliorer l’accessibilité.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
Améliorer l’accessibilité.Objectifs.✤   Conformité avec les standards en vigueur du W3C, et notamment des    normes (X)HTM...
Améliorer l’accessibilité.Par exemple.✤   Mise en place de alt et title pour les images✤   Hiérarchisation des contenus✤  ...
Améliorer la visibilité.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
Améliorer la visibilité.Le site sur les moteurs de recherche✤       Le référencement : rendre un site internet visible aux...
Améliorer la visibilité.Comment procéder ?✤   Référencer une boutique en ligne, c’est la rendre visible sur des mots-    c...
Améliorer la visibilité.Comment procéder ?✤   Intégrer les mots-clés /expressions clés choisi(e)s en amont…✤   … dans des ...
Améliorer la visibilité.Assurer un suivi de positionnement.✤   Analyser l’audience de votre site internet :    ✤        Ef...
Améliorer la visibilité.Assurer un suivi de positionnement.✤   Un bon positionnement n’est jamais acquis.    ✤        Les ...
L’arborescence.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
L’arborescence.
Styleco.fr : l’arborescence.                   Accueil
Styleco.fr : l’arborescence.                  Accueil
Les zonings.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
Les zonings.
Les zonings.
Les zonings.
Améliorer la charte graphique.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
Améliorer la charte graphique.Objectifs.✤   Un site internet plus agréable.✤   Une ambiance agréable, rassurante.✤   Un si...
Améliorer la charte graphique.Choix graphiques: un design sobre et épuré.✤   Polices    ✤        Menus et titres de premie...
Améliorer la charte graphique.Choix graphiques: les polices.✤   Exemple des polices    ✤   Chalkbord : Femme, Homme, Fille...
Plan de communication etmarketing interactif.Proposition d’un nouveau site internet e-commerce.Lundi 17 Janvier 2011
Marketing interactif.Campagne de liens sponsorisés AdWords✤   Objectifs    ✤        Générer rapidement un trafic ciblé.    ...
Marketing interactif.Exemple de publicité AdWords                 Vêtements Pour Toute la Famille                   Le Mei...
Marketing interactif.Social networking✤   Objectifs    ✤        Visibilité sur de nombreuses plateformes.    ✤        Inte...
Marketing interactif.Facebook✤   Création d’une page fan.✤   Bouton partager sur Facebook dans la boutique.✤   Re-design d...
Marketing interactif.Twitter✤   Coupe de la marque avec une identité humaine✤   Publication des nouveaux articles en vente...
Marketing interactif.Blog (Wordpress / Tumblr)✤   Proposition d’aide et de looks au client✤   Agrégation de flux avec Twitt...
Marketing interactif.Marketing viral : le link bating✤   Concours pour les adultes.    ✤        Voter pour le meilleur loo...
Agence de communication Skavia design.                 Merci de votre attention !Proposition d’un nouveau site internet e-...
Prochain SlideShare
Chargement dans…5
×

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

4 674 vues

Publié le

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
4 674
Sur SlideShare
0
Issues des intégrations
0
Intégrations
7
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • \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

    ×