Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

WordCamp Marseille - Etude de cas site groupe URGO

865 vues

Publié le

Retour d’expérience lors du WordCamp Marseille 2017 sur la réalisation d’un projet de refonte de site internet pour le compte d’un expert connu et reconnu dans le domaine de la santé.

Image, visibilité, performances… autant d’enjeux auxquels nous avons apporté des préconisations adaptées aux spécificités de notre client.

Accompagner nos équipes au coeur de la refonte du site, de l’avant vente à la mise en ligne en passant par la conception de l’interface et des développements spécifiques.

Publié dans : Internet
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

WordCamp Marseille - Etude de cas site groupe URGO

  1. 1. Les coulisses de la refonte d’un site corporate pour un groupe international
  2. 2. whodunit.fr @agence_whodunit @nandor Bonjour, je suis Nandor Wiener Directeur général agence WordPress Whodunit Product Owner service de TMA Keep My WP 8 ans passés au Marketing Digital de Canal+
  3. 3. Selfie de vacances
  4. 4. Les marques Santé Grand-Public
  5. 5. Urgo en bref
  6. 6. Aux origines du projet
  7. 7. Le site M6 Groupe
  8. 8. L’appel d’offre Urgo
  9. 9. L’ancien site du groupe Urgo
  10. 10. Les enjeux de la refonte NOUVEAU SITE INTERNET DU GROUPE URGO Traduire le positionnement IMAGE Valoriser la diversité des activités LISIBILITÉ Booster la notoriété VISIBILITÉ Temps de chargements Sécurité Maintenabilité PERFORMANCES Renforcer la marque employeur ATTRACTIVITÉ
  11. 11. Les clés du succès de l’appel d’offre
  12. 12. PROUVER SON EXPERTISE WORDPRESS PARTAGER SA VISION GLOBALE DU PROJET ETRE PEDAGOGUE ET IMPLIQUER SES INTERLOCUTEURS L’appel d’offre : une approche en 3 points
  13. 13. Valoriser son expertise WordPress Clients Sites réalisés Sites en maintenance CHIFFRES CLES Conférenciers Sponsors Collaborateurs co-organisateurs de WC Publications et veille Connaissance des acteurs Traduction et bétas testeurs COMMUNAUTÉ WORDPRESS Sélectionnées pour Urgo Témoignages avec contact direct REFERENCES Qualité du code Maintenabilité Utilisabilité Performances Choix des éditeurs et plugins Veille et sécurité Trouver des expertises spécifiques BENEFICES POUR URGO
  14. 14. Partager sa vision du projet TERRITOIRE D’EXPRESSION WEB MAQUETTES HP ET PAGE INTÉRIEURE MAQUETTES PRINCIPES DE NAVIGATION COMPORTEMENTS MOBILES REFERENCEMENT NATUREL ARBORESCENCE FONCTIONNELLE PÉRIMÈTRE DU PROJET FOCUS FONCTIONNALITÉS CLEFS MISE EN FORME ET ANIMATIONS DES CONTENUS MIGRATION ET INTEGRATION CONTENUS SÉCURITÉ COMPATIBILITIES ET ACCESSIBILITÉ GARANTIE ET MAINTENANCE FORMATIONS ET SUPPORTS ÉQUIPE ET MÉTHODOLOGIE BUDGET PLANNINGTEMPS DE CHARGEMENTS
  15. 15. Impliquer ses interlocuteurs Source : http://nicaultconsultants.com/
  16. 16. Présentation du site
  17. 17. Le territoire d’expression proposer une expérience en adéquation avec les fondamentaux de la marque Une approche sur-mesure un site propriétaire VS un site “prêt à porter”
  18. 18. Les fondamentaux d’Urgo LEADER HUMAIN NOVATEUR dans le secteur de la SANTÉ
  19. 19. Le projet (d’intervention)
  20. 20. L’équipe survitaminée ! Chef de projet Responsable conseil Directeur de clientèle Directeur artistique Webdesigner Développeur front Developpeur back Webmaster
  21. 21. Le périmètre 14 GABARITS DE PAGE PAGE D’ACCUEIL PAGE TYPE TIMELINE LISTE MARQUES DETAIL MARQUE CARTE IMPLANTATIONS LISTE OFFRES D’EMPLOIS DÉTAIL OFFRE D’EMPLOI CANDIDATURE OFFRE LISTE ACTUALITES DETAIL ACTUALITE CONTACT RÉSULTATS DE RECHERCHE LISTE LES FONCTIONNALITÉS MULTILINGUES RECHERCHE MODULE RECRUTEMENT CARTE INTERACTIVE TIMELINE GESTION DES MARQUES AUTRES AUDIT ET RECOMMANDATIONS SEO OPTIMISATIONS TECHNIQUES ET CONTENUS PERFORMANCES SÉCURITÉ FORMATION INTEGRATION SOCIAL MEDIA SUR ACTUALITES INTEGRATION ET MIGRATION DES CONTENUS PERSONNALISATION DU BACK OFFICE
  22. 22. 4 mois pour 70 jours vendus Cadrage Mois 2 Mois 3 Mois 4Mois 1 Conception Réalisation Livraison Livraison Mise en ligne 3 j 23 j 35 j 9 j
  23. 23. Le cadrage Cadrage Conception Réalisation Livraison Objectifs, enjeux et cibles Périmètre Arborescence et contenus Administrateurs Livrables Support de la réunion Planning détaillé Plan qualité projet CR réunion Consolider les besoins Intervenants et rôle de chacun Disponibilités Workflow et délais de validations Étape du projet et Planning Réunions et ateliers outils et livrables Questions technique Réunion Réunion de lancement Organisation projet
  24. 24. La conception Cadrage Conception Réalisation Livraison Personas et parcours utilisateurs Arborescence et organisation des pages Définition des règles de gestions Sélection des plugins et solutions techniques Livrables Plan fonctionnel Wireframes Audit et recommandations SEO Maquettes graphiques Spécifications détaillées Fonctionnelle et technique Audit SEO Recommandations techniques et sémantiques Plan d’action et de suivi Réunions Atelier de conception général Atelier SEO Atelier “Module RH” Atelier spécifications SEO Wireframes Charte graphique Déclinaisons des gabarits, hover et spécificités mobiles Conception UX et graphique Outils Google Doc et Sheet Balsamiq Sketch InVision
  25. 25. Niv 1 Niv 2 Niv 3 Niv 4 ID Accès Gabarit Gestion WP Contenus Éléments contextuels Accueil 0000 menu niv 1 0000 FRONT PAGE Le Groupe 0100 x x VIRTUEL Le Groupe URGO 0110 menu niv 2 x VIRTUEL URGO en bref 0111 menu niv 3 0111 PAGE contenu page Pictogrammes Notre histoire 0112 menu niv 3 0112 PAGE SPEC timeline Gouvernance 0113 menu niv 3 0111 PAGE La mission d'URGO 0120 menu niv 2 0111 PAGE contenu page Les métiers d'URGO 0130 menu niv 2 x VIRTUEL La cicatrisation 0131 menu niv 3 0111 PAGE contenu page La santé grand public et le bien-être 0132 menu niv 3 0111 PAGE contenu page Nos engagements 0140 menu niv 2 x VIRTUEL La Fondation URGO 0141 menu niv 3 0111 PAGE contenu page URGO Mentorship Program 0142 menu niv 3 0111 PAGE contenu page + formulaire La Solitaire URGO Le Figaro 0143 menu niv 3 0111 PAGE contenu page Nos produits 0200 x x VIRTUEL Liste des marques 0210 menu niv 2 0210 LISTE liste des marques telle que sur la homepage Marque seule 0211 listes 0211 SINGLE marque + accès autres marques même structure Le plan fonctionnel
  26. 26. Les spécifications détaillées GABARITS DE PAGES FONCTIONS TRANSVERSES GESTION DES UTILISATEURS INSTALLATIONS ET ENVIRONNEMENTS WORKFLOW DE DEPLOIEMENT COMPATIBILITES ET ACCESSIBILITES COMPORTEMENTS MOBILES COMPORTEMENTS FO ET BO GABARITS DE PAGE GESTION TYPE DE CONTENUS COMPORTEMENTS ELEMENTS TRANSVERSES COMPORTEMENTS FO ET BO TALENT POOL ARBORESCENCE COMPORTEMENTS FO ET BO DES ELEMENTS TRANSVERSES PLUGINS
  27. 27. Le référencement (au) naturel
  28. 28. La démarche SEO Audit SEO mots clés / concurrents / popularités Préconisations techniques / arborescence / contenus / maillage Suivi de la production et recette technique / contenus / maillage Suivi de la mise en ligne migration / indexation
  29. 29. L’approche SEO SITE GROUPE + SITES MARQUES Termes génériques (pansements, compresses …) PRODUITS Nom des marques Urgo MARQUES Thématiques annexes en articles (ex : La santé connectée, c’est quoi ?) EXPERTISES Termes spécifiques (pansement cicatrisant, …) THEMATIQUES SECONDAIRES
  30. 30. La production du thème Urgo Cadrage Conception Réalisation Livraison Intégration HTML / CSS Gestion responsive Animations Javascript Carte des implantations Développement front office Mise en place : environnements (local + dev + préprod) + Git Templating : plugins prérequis, custom post et field, dynamisation Développements spécifiques : plugin RH Livraison : plugins additionnels Développement back office Outils Zeplin Gulp Sass Git WP-CLI
  31. 31. La carte des implantations
  32. 32. La carte des implantations
  33. 33. La carte des WordPress translation Day 3
  34. 34. Les plugins Admin Columns Pro - Advanced Custom Fields Advanced Custom Fields PRO Cookie Notice Easy WP SMTP Erident Custom Login and Dashboard Maintenance KeepMyWP - Whodunit MCE Table Buttons Polylang SecuPress — Sécurité WordPress User Role Editor Whodunit Dashboard WP RocketKey figures YOAST BEA - Polylang's ACF Option pageT Category Order and Taxonomy Terms Order Abbreviation button for TinyMCE ACF Medium Editor Field Admin Columns Pro Gravity Forms Image de menu Imagify
  35. 35. Le dashboard personnalisé
  36. 36. Le module de recrutement
  37. 37. Les wireframes back office
  38. 38. Les wireframes back office
  39. 39. Le back office
  40. 40. La livraison Cadrage Conception Réalisation Livraison Migration des actualités Intégration et mise en forme des visuels et pages Livrables Guide d'utilisation back office Guide d’utilisation outils de tickets PV de livraison Contenus Rédaction du guide d’utilisation Formation d’une demie journée Réunion Formation Formation Mise en ligne Migration urls Suivi de l’indexation Déploiement Outils Outil de ticket : Tickets client Recette
  41. 41. Le bilan
  42. 42. Merci :)

×