Verdivia - Site WordPress avec Sage/Bedrock
Développement d'un site WordPress pour Verdivia à partir d'une maquette fournie par une agence externe, avec la stack Sage/Bedrock et le starter theme interne.
- Date
- Nov. 2025
- Section
- Alternance
Compétences démontrées
- Développer
Contexte
Ce projet s'inscrit dans le cadre de mon alternance. Je suis intervenue en tant que développeuse pour intégrer la maquette et livrer le site Verdivia. J'ai utilisé notre starter theme interne basé sur Sage et Bedrock, la stack WordPress moderne que nous utilisons à l'agence pour structurer proprement les projets.
Objectifs
- Intégrer fidèlement la maquette fournie par une agence externe.
- Utiliser notre starter theme maison basé sur Sage et Bedrock.
- Livrer un site WordPress propre, performant et maintenable.
Mise en place de l'environnement Sage/Bedrock
J'ai initialisé le projet à partir de notre starter theme interne, construit sur Sage (pour le thème) et Bedrock (pour la structure WordPress). Cette stack permet un workflow de développement moderne : gestion des dépendances avec Composer, assets avec Vite/Webpack, et une architecture de fichiers plus propre que le WordPress classique.
Intégration de la maquette
L'intégration s'est faite avec Tailwind CSS pour rester cohérente avec nos standards internes. L'enjeu était de traduire fidèlement la maquette en code tout en gardant une base propre et maintenable dans le temps.
Difficultés rencontrées
Maquette externe et allers-retours
La maquette venait d'une autre agence, ce qui a entraîné pas mal de modifications et de retours étalés dans le temps. Certains ajustements sont arrivés en cours d'intégration, ce qui m'a obligée à revenir sur des parties déjà développées. J'ai appris à organiser mon code pour qu'il supporte ces allers-retours sans tout casser.
Intégration des illustrations SVG
Les éléments les plus délicats ont été les illustrations SVG décoratives qui parcourent la page : des doodles positionnés en superposition du contenu. Les caler correctement sur tous les breakpoints, en respectant la maquette, a demandé plusieurs itérations et m'a forcée à être précise sur la gestion des positionnements CSS en dehors des composants classiques.
Conclusion
Malgré les allers-retours liés aux évolutions de la maquette, le site a été livré dans de bonnes conditions. Ce projet m'a permis de consolider ma maîtrise de la stack Sage/Bedrock et d'apprendre à travailler dans un contexte où le design évolue en parallèle du développement, un cas de figure fréquent en agence.