Construction et aménagement tout corps d'état, Casablanca
Refonte du site Wolcons en une page : 9 sections, 13 réalisations chiffrées et un parcours de devis qui bascule sur WhatsApp, sans dépendance ni build.
Voir le résultat
- 9
- sections livrées, du problème au devis
- 13
- réalisations chiffrées et filtrables
- 6
- questions traitées en FAQ
- 0
- dépendance externe, site 100 % statique
Le blocage
Wolcons vend un contrat unique tout corps d'état, mais son site présentait une liste de prestations sans méthode ni preuves. Sur ce marché, un maître d'ouvrage ne compare pas des prestations, il compare une fiabilité : qui répond du budget, du planning et de la réception. Le blocage n'était pas la notoriété, c'était l'absence d'un support capable de porter cette démonstration et de transformer une visite en demande de devis.
Ce que nous avons fait
Nous avons reconstruit le site en une page unique, montée comme un argumentaire suivi : le vrai problème, la méthode en quatre étapes, les trois métiers, les preuves, les questions qui bloquent, le devis. Les couleurs ont été échantillonnées pixel par pixel sur le logo officiel au lieu d'être approximées, associées à Outfit et Inter, avec angles nets, filets d'un pixel et trames de plan pour tenir un registre architectural. Les 13 réalisations sont publiées avec lieu, surface, lots et budget, filtrables par mission, et les 8 marques fournisseurs défilent en bandeau de caution. Le formulaire de devis ouvre une conversation WhatsApp pré-remplie avec repli e-mail, canal le plus réactif au Maroc.
Ce qui a été livré
- 01 Site vitrine une page, 9 sections enchaînées en argumentaire : problème, méthode, métiers, réalisations, avis, partenaires, FAQ, devis
- 02 Identité web dérivée du logo : couleurs échantillonnées pixel par pixel, Outfit et Inter, rayons de 2 px, filets d'un pixel, trames de plan
- 03 Portfolio de 13 réalisations avec lieu, surface, lots et budget, filtrable en 3 missions
- 04 Parcours de conversion WhatsApp : formulaire de devis en 7 champs qui ouvre une conversation pré-remplie, repli e-mail, bouton flottant permanent
- 05 Moteur d'animation maison sur IntersectionObserver et une seule boucle rAF, entièrement neutralisé sous prefers-reduced-motion
- 06 Socle technique sans dépendance ni build : images WebP dimensionnées, cibles tactiles de 44 px, focus clavier visible, title, description, canonical et Open Graph