Contractor C.I. est une entreprise BTP de référence en Côte d'Ivoire, fondée en 2015 à Abidjan, spécialisée dans la construction modulaire, le génie civil, l'hydraulique et les infrastructures. Avec un capital de 830 000 000 FCFA et une présence sur l'ensemble du territoire ivoirien, l'entreprise intervient aussi bien pour le secteur public que privé, avec une expertise reconnue dans les domaines de l'éducation et de la santé.

La mission était de concevoir et de développer une application web complète — un site vitrine corporate couplé à un back-office de gestion de contenu — reflétant le sérieux, la solidité et l'ambition d'un acteur majeur du secteur BTP en Afrique de l'Ouest.

Conception et expérience utilisateur

Le site a été pensé pour valoriser l'identité visuelle de Contractor C.I. à travers une charte graphique cohérente basée sur deux couleurs primaires : le vert teal #2A8181 — symbole de confiance et de durabilité — et le violet #4B4182, apportant sérieux et modernité.

La page d'accueil s'ouvre sur un hero en vidéo plein écran avec une vidéo de chantier en fond, accompagnée d'un encadré animé affichant les mots-clés de la marque : Construire. Rénover. Innover. Des statistiques dynamiques (chiffres clés de l'entreprise) sont superposées au hero et alimentées en temps réel depuis la base de données, permettant à l'équipe de les mettre à jour sans toucher au code.

Le parcours de navigation suit une logique de storytelling : présentation de l'entreprise, mise en avant des domaines d'expertise, galerie de réalisations, puis appel à l'action vers la prise de contact.

Fonctionnalités publiques

Le site expose plusieurs sections clés pour les visiteurs :

• Accueil avec hero vidéo, section "Qui sommes-nous", construction modulaire, services, expertise, et CTA.
• Services / Domaines : présentation des deux pôles métiers — Bâtiment & Construction (génie civil, modulaire, travaux publics) et Eaux & Infrastructures (traitement des eaux, hydraulique, assainissement) — avec mise en avant des projets finançables dans les secteurs de l'éducation et de la santé.
• Réalisations : galerie de projets filtrés par catégorie, avec pages de détail individuelles accessibles via des slugs SEO-friendly (ex. /projects/construction-palais-bingerville). Chaque réalisation présente le titre, le client, la durée d'exécution, la description détaillée et les images associées.
• Actualités : blog d'entreprise avec articles enrichis via l'éditeur TinyMCE, consultables sur une liste paginée avec pages de détail.
• Équipes : présentation de l'équipe dirigeante avec galerie de portraits.
• Contact : formulaire de contact avec validation côté serveur et retour utilisateur, exposant les coordonnées de l'entreprise (téléphone, email, adresse à Treichville — Abidjan).

Back-office de gestion de contenu

L'un des axes majeurs du projet est un tableau de bord d'administration complet, accessible via authentification sécurisée, offrant à l'équipe Contractor C.I. une autonomie totale sur la gestion du contenu du site sans intervention technique.

Le dashboard affiche en temps réel les compteurs de services, projets et actualités en ligne. Les modules de gestion couvrent :

• Projets / Réalisations : création, édition, suppression de projets avec upload multi-images (format JPEG, PNG, WebP), assignation de catégories, gestion du statut (en cours / terminé), et génération automatique de slugs uniques à partir du titre.
• Catégories de projets : organisation libre des réalisations par thématiques.
• Actualités : rédaction d'articles avec l'éditeur WYSIWYG TinyMCE, gestion des slugs et des métadonnées.
• Services et Expertises : mise à jour du contenu éditorial des sections service sans redéploiement.
• Statistiques : gestion des chiffres clés affichés en hero, modifiables à tout moment depuis l'interface.

Tous les formulaires d'administration sont construits avec Livewire 3, offrant une expérience réactive sans rechargement de page, avec des alertes SweetAlert intégrées pour les retours d'action (succès, erreur, avertissement).