Global Contractant
Challenge
Global Contractant est une société française spécialisée dans la réalisation de bâtiments clé en main, de la conception à la livraison, pour l'industrie, les bureaux et les parcs d'activités. Leur objectif principal est de fournir des solutions complètes et personnalisées à leurs clients, en prenant en charge toutes les étapes du processus de construction.
Contexte
Le design validé implique le développement de solutions web sophistiquées et la création de fonctionnalités sur mesure, spécifiquement conçues pour répondre aux exigences uniques du projet, tout en garantissant une expérience utilisateur optimale.
Solution
Le site web de Global Contractant a été développé en utilisant WordPress, une plateforme de gestion de contenu populaire. Le choix de WordPress a été motivé par sa flexibilité, sa facilité d'utilisation et sa capacité à gérer efficacement le contenu du site. Le développement a inclus la création de fonctionnalités personnalisées pour répondre aux besoins spécifiques de l'entreprise, tout en assurant une expérience utilisateur fluide et engageante.
J'ai tout d'abord pris en charge la mise en oeuvre de l'interface utilisateur en respectant les lignes directrices visuelles et fonctionnelles des planches design, tout en optimisant l'expérience utilisateur. Chaque composant a été confectionné de manière à pouvoir être flexible et réutilisable grâce à une série d'options entièrement personnalisables, permettant de l'employer sur n'importe quelle page du site et de l'adapter selon les spécificités souhaitées. En factorisant chaque composant pour assurer un effet différent selon certains paramètres permet d'alléger drastiquement le code source, et à fortiori, les performances globales du site. Enfin, les informations de chaque élément du site sont récupérées en temps réel depuis l'API de WordPress, assurant une mise à jour dynamique et une gestion centralisée du contenu sans nécessiter de modifications manuelles sur le front-end.
Déploiement
Ce projet WordPress s'appuie sur une architecture conteneurisée via Docker pour garantir la cohérence de l'environnement de développement local. Le flux de déploiement est entièrement automatisé par GitHub Actions, assurant une intégration et une livraison continues (CI/CD) vers les instances définies.
- Initialisation de l'environnement : Le pipeline vérifie tout d'abord la présence de WordPress sur la cible et installe la dernière version disponible si nécessaire;
- Build du thème :À chaque modification poussée sur les branches surveillées, le processus déclenche une compilation optimisée et minifiée du thème wordpress (npm run build);
- Déploiement synchronisé : Une fois le projet compilé et prêt, les fichiers sont automatiquement déployés vers l'environnement cible correspondant à la branche modifiée (Staging ou Production);
Crédits
UX/UI Design: Léa Lalou
Full Development: Fabian Thiry