Dans le secteur de l'architecture et du design en Côte d'Ivoire, les cabinets professionnels souffrent souvent d'une visibilité digitale insuffisante. Les clients potentiels — promoteurs immobiliers, entreprises, particuliers — peinent à trouver des références crédibles, à consulter des réalisations passées ou à entrer facilement en contact avec les équipes créatives. Amadeus ADL, cabinet basé à Abidjan spécialisé en architecture, design intérieur et aménagement paysager, avait besoin d'un outil digital à la hauteur de leur expertise : une vitrine moderne, rapide et professionnelle capable de mettre en valeur leur portfolio et de convertir les visiteurs en clients.

La solution développée est un site web full-stack, entièrement personnalisé, doté d'un système de gestion de contenu headless, permettant à l'équipe d'Amadeus ADL de mettre à jour dynamiquement leurs projets sans compétences techniques.

Fonctionnalités Clés

1. Carrousel de projets en page d'accueil
Dès l'arrivée sur le site, l'utilisateur est accueilli par un carrousel dynamique à rotation automatique mettant en avant les projets phares du cabinet. Ce contenu est entièrement piloté par l'API backend, permettant des mises à jour en temps réel sans redéploiement.

2. Portfolio de réalisations filtrable et paginé
La page des réalisations (/works) propose une grille de projets paginée (10 par page) avec un système de filtrage par catégorie (architecture, design, paysagisme). Chaque projet est accessible via une URL unique basée sur son slug, avec une page de détail riche incluant galerie d'images, données du projet (architectes, client, surface, statut, année) et boutons de partage social (Facebook, Twitter/X, Pinterest).

3. Gestion dynamique du contenu
L'intégralité du contenu projet — titres, descriptions, images, métadonnées — est gérée via un CMS headless backend. Les appels API sont effectués server-side avec une stratégie no-cache garantissant l'affichage des données les plus récentes à chaque visite.

4. Formulaire de contact avec validation avancée
Le formulaire de contact intègre une validation Zod multicouche (nom, email, sujet, message) et soumet les données via des Server Actions Next.js. Les retours utilisateurs sont gérés avec des notifications toast (Sonner) pour une expérience fluide et professionnelle.

5. Carte interactive de localisation
Une section dédiée affiche la localisation du cabinet à Abidjan via une carte Leaflet interactive, renforçant la crédibilité et facilitant la prise de rendez-vous physique.

6. SEO et métadonnées dynamiques
Chaque page génère automatiquement ses métadonnées (titre, description, robots) via les APIs Next.js Metadata, y compris les pages de projets individuels dont le SEO est alimenté dynamiquement par les données backend.

7. Design responsive et accessibilité
Le site adopte une approche mobile-first avec un menu de navigation hamburger sur mobile, des images Next.js optimisées avec placeholder flou, et un design system cohérent basé sur une palette neutre et élégante reflétant l'univers de l'architecture.

Impact & Valeur Délivrée

Ce projet démontre la capacité de l'équipe à livrer des produits digitaux complets pour des secteurs créatifs et professionnels en Afrique francophone. En remplaçant une présence digitale inexistante ou générique par un site sur-mesure, Amadeus ADL dispose désormais d'un outil de vente qui travaille pour eux 24h/24 : un portfolio vivant, une vitrine crédible pour des clients corporate et institutionnels, et un canal de contact direct converti en leads qualifiés.

Le projet illustre notre maîtrise de l'écosystème Next.js/React moderne, de l'intégration d'APIs headless, et de la livraison de produits visuellement soignés, performants et maintenables à long terme.