CoachPro — Intégration WordPress pixel-perfect
Intégration pixel-perfect d'une maquette Figma sur WordPress avec thème enfant custom, templates PHP sur mesure, back-office entièrement administrable par un non-technicien.
01 | Le contexte
Dans le cadre de mon cursus B2 à MyDigitalSchool, j'ai réalisé l'intégration d'un site vitrine fictif ("CoachPro") à partir d'une maquette Figma. L'enjeu de ce projet n'était pas de se limiter au design, mais d'axer sur la technique : l'objectif était de réaliser une intégration "pixel perfect" tout en exploitant la puissance de WordPress pour fournir un back-office pleinement administrable, garantissant une maintenance simple du contenu.
02 | Le projet
L'intégration s'est déroulée en deux grandes étapes, de la conception UI à l'implémentation dynamique. J'ai d'abord réalisé les maquettes Desktop et Mobile sur Figma pour poser les bases du rendu visuel, en extrayant précisément les valeurs SCSS comme les espacements, les typographies et les couleurs.
Pour le développement WordPress, j'ai créé un thème enfant basé sur Astra afin de garantir la pérennité du code. J'ai développé des templates sur mesure et intégré minutieusement le SCSS pour reproduire la maquette au pixel près, en surchargeant proprement le thème parent.
Le véritable défi technique a été de lier ce design sur mesure à l'administration native de WordPress. J'ai configuré le thème et mappé les classes CSS pour que chaque élément (titres, images, blocs) soit entièrement modifiable depuis l'interface de personnalisation, offrant une autonomie totale au futur administrateur.
03 | Les apprentissages
Sur le plan technique, ce projet m'a permis de maîtriser la hiérarchie des templates PHP de WordPress et d'acquérir une grande rigueur dans l'intégration front-end responsive. J'ai pu gérer le cycle de vie complet du projet, de la réflexion UI/UX jusqu'au développement d'un CMS dynamique fonctionnel.
Au-delà du code, cette expérience a fortement développé mon approche orientée client. J'ai compris qu'un site vitrine réussi doit certes être esthétique et fidèle à la maquette, mais qu'il doit surtout être pensé dès le départ pour être maintenable et modifiable facilement par un utilisateur non-technicien.