Pédago’Up est le cabinet de conseil en ingénierie pédagogique fondé par Carla Delépée, à Caen. Après un parcours scientifique puis plusieurs années comme formatrice, chargée de projets pédagogiques nationaux et européens et ingénieure pédagogique, elle accompagne les organismes de formation, les établissements d’enseignement supérieur et les PME dans la conception de leurs dispositifs de formation. Le site avait pour objectif de donner une vitrine claire à une expertise récente sur le marché, de crédibiliser l’offre auprès de clients institutionnels exigeants et de servir de support à une stratégie de contenu portée directement par la fondatrice.
La particularité de ce projet : la maquette existait déjà, aboutie et travaillée sous Figma. Mon intervention a porté sur l’intégration WordPress complète, les fondations techniques et le suivi dans la durée.
Approche et méthodologie
-
- Reprise d’une maquette Figma finalisée et analyse des arbitrages nécessaires à son passage en site réel.
- Traduction responsive : adaptation de chaque section aux largeurs intermédiaires que la maquette ne couvrait pas.
- Construction de blocs capables d’absorber du contenu réel de longueur variable, notamment les témoignages clients.
- Structuration du back-office pour une autonomie éditoriale totale de la cliente.
- Priorité donnée à l’accessibilité numérique, en cohérence avec le cœur de métier de Pédago’Up.
Identité visuelle
- Couleur dominante : #0d1b8c, un bleu profond qui installe la crédibilité institutionnelle attendue par les organismes de formation.
- Couleur d’accentuation : #d35400, un orange chaleureux qui adoucit l’ensemble et guide le regard vers les appels à l’action.
- Couleur de fond : blanc (#FFFFFF) pour la lisibilité, le contraste et le confort de lecture des articles de fond.
- Typographie sans-serif moderne, choisie pour la lisibilité longue durée et le confort de lecture sur écran.
- Style graphique : professionnel et accessible, à l’image d’une approche pédagogique rigoureuse sans être austère, appuyée par des illustrations sur-mesure dont un portrait illustré de la fondatrice.
UX et navigation
- Format one page avec navigation par ancres : à propos, services, témoignages, démarche, FAQ, blog, contact.
- Quatre domaines d’expertise présentés en blocs équivalents pour une lecture comparative immédiate.
- Parcours d’accompagnement détaillé en cinq étapes, pour lever les incertitudes du prospect avant la prise de contact.
- FAQ répondant aux objections concrètes : zone d’intervention, publics concernés, modalités, délais de réponse.
- Preuve sociale sur trois niveaux : témoignages nominatifs, logos clients et réseaux professionnels d’appartenance.
Lien vers le site
Fonctionnalités mises en place
- Intégration complète d’une maquette Figma en site WordPress fonctionnel.
- Blog intégré, alimenté en autonomie par la cliente sur un gabarit verrouillé.
- Formulaire de contact avec consentement explicite au traitement des données.
- Images converties au format WebP pour un site léger et rapide.
- Accessibilité numérique : contrastes, navigation clavier, structure sémantique et textes alternatifs.
- Démarche éco-responsable : sobriété des ressources chargées et optimisation du poids des pages.
- Optimisation SEO on-page : hiérarchie des titres, balisage, métadonnées.
- Site OnePage - responsive, adapté aux smartphones et tablettes.
- Pages légales : mentions légales et politique de confidentialité.
- Formation à la prise en main du back-office.
Maintenance et suivi
- Maintenance réalisée par moi : Oui
- Sauvegardes automatiques : Oui
- Surveillance sécurité : Oui
- Mises à jour : Oui
- Accompagnement éditorial : Non
Témoignage du client
En cours de rédaction.
Conclusion
Ce projet illustre une situation fréquente et souvent mal comprise : disposer d’une maquette aboutie ne signifie pas que le site est fait. Entre le fichier Figma et un site qui fonctionne réellement, il y a l’intégration responsive, la gestion du contenu réel, l’autonomie éditoriale et toutes les fondations techniques invisibles qui conditionnent le référencement et l’accessibilité. Pédago’Up dispose aujourd’hui d’un site fidèle à son identité, autonome au quotidien, conforme aux exigences d’accessibilité que porte son propre métier, et suivi techniquement dans la durée pour rester performant.