Global Contractant
Challenge
Global Contractant is a French company specializing in turnkey building construction, from design to delivery, for industrial facilities, offices, and business parks. Their primary goal is to provide comprehensive, customized solutions to their clients by managing every stage of the construction process.
Context
The approved design involves developing sophisticated web solutions and creating custom features, specifically engineered to meet the unique requirements of the project while ensuring an optimal user experience.
Solution
The Global Contractant website was developed using WordPress, a popular content management system. The choice of WordPress was motivated by its flexibility, ease of use, and ability to manage site content effectively. Development included the creation of custom features to meet the company's specific needs while ensuring a smooth and engaging user experience.
I first took charge of implementing the user interface, adhering strictly to the visual and functional guidelines of the design boards while optimizing the user experience. Each component was crafted to be flexible and reusable through a series of fully customizable options, allowing them to be used on any page of the site and adapted according to specific requirements. By refactoring each component to produce different effects based on specific parameters, we drastically reduced the source code size and, consequently, improved the overall site performance. Finally, information for each element of the site is retrieved in real-time via the WordPress API, ensuring dynamic updates and centralized content management without requiring manual modifications to the front-end.
Deployment
This WordPress project relies on a containerized architecture using Docker to ensure consistency in the local development environment. The deployment workflow is fully automated via GitHub Actions, ensuring continuous integration and continuous delivery (CI/CD) to the defined instances.
- Environment Initialization: The pipeline first checks for the presence of WordPress on the target and installs the latest version if necessary.
- Theme Build: With every push to the monitored branches, the process triggers an optimized and minified compilation of the WordPress theme (npm run build).
- Synchronized Deployment: Once the project is compiled and ready, the files are automatically deployed to the target environment corresponding to the modified branch (Staging or Production).
Credits
UX/UI Design: Léa Lalou
Full Development: Fabian Thiry