Portfolio & sites
Concevoir, dessiner et coder des sites de bout en bout, de mon portfolio à ceux de mes clients.
Découvrir le projetLe projet
Des sites conçus, dessinés et codés d’une seule main : le mien comme ceux de mes clients.
One-page bilingue, design system maison et motion codé à la main : ce portfolio tourne sur une stack moderne (React 19, TypeScript, Vite), sans template. La même chaîne crée aujourd’hui les sites de deux clients : la homepage de Flash Informatique (réparateur à Argenteuil, ~900 avis à 4,9/5) et le futur site d’EOS (tourisme médical francophone).
Approche & leviers
Du design system au site en ligne.
Une même chaîne pour mon portfolio comme pour les sites clients : cadrer, dessiner contre de vraies références, coder, livrer.
Cadrer sur le réel
Partir de l’usage, des avis clients et du marché avant d’écrire une ligne, jamais d’un template.
Dessiner puis coder
Poser un design system maison, le prototyper dans Claude Design, puis le porter en code fidèle au pixel.
Animer et livrer
Donner vie au site avec un moteur de motion maison, puis le déployer en continu.
Ma contribution
Mon rôle.
Design produit · Développement front · Direction éditoriale
Concevoir l’expérience de bout en bout
Penser l’arborescence, le rythme de lecture et le parcours, du hero au formulaire de contact, sur mobile comme sur desktop.
Poser un design system maison
Tokens de couleur OKLCH sur trois couches, typographies Clash Display + Satoshi, composants réutilisables, sans Tailwind ni template.
Développer en React + TypeScript
Coder une single-page en React 19 + Vite, typée de bout en bout, avec une architecture de composants propre et un build sous contrôle.
Animer avec un moteur maison
Écrire tout le motion à la main (vague du hero en canvas, curseur, révélations au scroll, transitions de page « goutte d’eau ») dans un seul hook maîtrisé.
Rendre le site bilingue
Câbler react-i18next pour que chaque texte vive en FR et en EN, avec détection de langue et bascule instantanée.
Créer les sites clients
Appliquer la même chaîne à des clients réels : la nouvelle homepage de Flash Informatique (réparateur, ~900 avis) et le futur site d’EOS (tourisme médical francophone) : cadrage, positionnement, wording et design.
Résultats
Une méthode qui tient, du perso au client.
La preuve n’est pas dans les mots : elle est dans les sites qui tournent.
Aperçu
Le projet en images.
SweetCost
Voir le projet
GMF
Voir le projet
Copilot AI
Voir le projet
Brandmark
Voir le projet