Yol Web Design

Refonte complète du site de l'agence — de la marque au deploy, en 21 jours.

p. 001 / 003

Yol Web Design — page d'accueil desktop 1440px

THE STORY

CLIENT

2026

AgenceIdentitéAstro SSG

Contexte

Yol Web Design V2 tournait depuis 2025 sur un stack HTML/CSS/JS vanilla. Fonctionnelle, mais visuellement datée — elle ne reflétait plus le niveau d’exigence qu’on demande à nos clients. Temps de tout reconstruire.

Problème

Une agence qui vend du design haut de gamme ne peut pas avoir un site générique. Chaque élément visuel est une preuve de concept. La V2 manquait de caractère — trop propre, pas assez singulier.

Approche

5 directions visuelles générées, arbitrage collectif, fusion D2+D4 en D6 HYBRIDE DARK MONO. Puis implémentation stricte : Astro SSG pour la performance, composants chrome réutilisables, design system distillé depuis un seul wireframe de référence.

Le principe directeur : construire le site qu’on donnerait à nos meilleurs clients. Sans concession, sans raccourci.

THE STACK

Chaque outil sélectionné pour sa fiabilité sur les réseaux africains, sa prise en main autonome post-livraison, et sa compatibilité avec le budget opérationnel d'un professionnel indépendant.

Framework Astro SSG Génération statique, zéro JS inutile en production

Design Direction 06 — D6 Canvas #131313, accent #E8390E, IBM Plex Mono + DM Sans

Deploy Netlify Build auto sur push main, CDN global, HTTPS

Backend Netlify Function notion.js — form 4 steps câblé vers Notion + Telegram

Motion CSS + JS vanilla Cursor spotlight, grain overlay, loader countdown, scroll reveals

SEO SEO / GEO Sitemap, Schema.org, meta GEO Afrique francophone

THE OUTCOME

90+ Lighthouse mobile Score performance mobile moyen sur les 6 pages.

6 Pages livrées Home, Portfolio, Projets, À propos, Contact, Démarrer un projet.

21J Brief au deploy De la première direction visuelle au site en production.

"Construire notre propre outil avec notre propre méthode — c'est la démonstration la plus honnête de ce qu'on sait faire."

— Yol Web Design