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.

1. Les coulisses de la refonte d’un site corporate
pour un groupe international

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. Selfie de vacances

4. Les marques Santé Grand-Public

5. Urgo en bref

6. Aux origines du projet

7. Le site M6 Groupe

8. L’appel d’offre Urgo

9. L’ancien site du groupe Urgo

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. Les clés du succès de l’appel d’offre

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. 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. 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. Impliquer ses interlocuteurs
Source : http://nicaultconsultants.com/

16. Présentation du site

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. Les fondamentaux d’Urgo
LEADER
HUMAIN
NOVATEUR
dans le secteur de la SANTÉ

25. Le projet (d’intervention)

26. L’équipe survitaminée !
Chef de projet
Responsable conseil
Directeur de clientèle
Directeur artistique
Webdesigner
Développeur front
Developpeur back
Webmaster

27. 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

28. 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

29. 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

30. 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

31. 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

32. 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

33. Le référencement (au) naturel

34. 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

35. 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

36. 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

37. La carte des implantations

38. La carte des implantations

39. La carte des WordPress translation Day 3

40. 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

41. Le dashboard personnalisé

42. Le module de recrutement

43. Les wireframes back office

44. Les wireframes back office

45. Le back office

46. 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

47. Le bilan

48. Merci :)