Vue d'ensemble
Le cordonnier est-il vraiment le plus mal chaussé ? Nous avons décidé de prouver le contraire. Ce site n'est pas un portfolio décoratif — c'est un outil de positionnement construit avec la même rigueur, la même méthode et le même niveau d'exigence que nous apportons à chaque projet client. Si vous voulez savoir comment nous travaillons, vous êtes en train de regarder la réponse.
Le projet
Concevoir un site portfolio premium qui ne se contente pas de montrer du travail — mais qui démontre une méthode, installe une crédibilité et génère des prises de contact.
Le défi
Créer son propre site est l'exercice le plus difficile. Pas de brief client pour cadrer. Pas de deadline externe pour trancher. Chaque choix doit être son propre juge.
La contrainte
Le site devait incarner exactement ce que nous vendons : clarté, performance, design premium, SEO intégré, contenu éditable — sans compromis sur aucun de ces axes.
Le résultat
Un site qui performe en vitesse, en SEO et en conversion — et qui sert de preuve vivante de notre niveau d'exécution à chaque prospect qui le visite.
Ce site est notre meilleure carte de visite. Chaque page, chaque interaction, chaque temps de chargement est un argument de vente silencieux. Si quelque chose ne fonctionnait pas ici, pourquoi nous feriez-vous confiance pour votre propre projet ?
Résultats concrets
Un positionnement enfin lisible
En quelques secondes, tout visiteur comprend ce que nous faisons, pour qui, comment — et pourquoi notre approche est différente.
Des études de cas qui vendent
Chaque projet est présenté comme une histoire avec un problème, une méthode et un résultat — pas comme une capture d'écran avec un logo.
Performances au sommet
Le site se charge en une fraction de seconde, obtient des scores Lighthouse proches du maximum et offre une expérience fluide sur tous les écrans.
Un système qui évolue sans friction
Nouvelles études de cas, nouvelles pages, nouveaux contenus : tout s'ajoute en MDX sans toucher à l'architecture ni dégrader les performances.
Avant / Après
Le problème
Concevoir son propre site est paradoxalement le projet le plus difficile. Il n'y a pas de brief client pour poser des limites. Pas de deadline externe pour forcer les arbitrages. Le perfectionnisme peut devenir un piège — et le résultat final risque soit d'être trop sage, soit de ne jamais voir le jour.
Nous avions identifié deux pièges classiques à éviter :
- Le portfolio décoratif — beau mais creux. Des screenshots, des logos, zéro narration. Le visiteur admire, mais ne comprend ni votre méthode ni pourquoi vous choisir.
- Le portfolio utilitaire — fonctionnel mais sans âme. Du texte, des liens, pas de personnalité. Le visiteur retient que vous êtes compétent, mais pas ce qui vous rend différent.
L'enjeu était de tenir une ligne plus exigeante : un site qui soit à la fois sobre et mémorable, éditorial et concis, performant et élégant — premium sans surjeu.
Et surtout : un site qui prouve ce que nous vendons. Si nous promettons des sites rapides, le nôtre doit l'être. Si nous promettons de la clarté, chaque page doit la démontrer. Si nous promettons du premium, chaque détail doit le confirmer.
Notre approche
Nous avons traité ce projet exactement comme un projet client — avec le même processus en 6 étapes que nous appliquons à chaque mission.
1. Clarifier avant de dessiner
Avant d'ouvrir Figma, nous avons posé les fondations stratégiques :
- Positionnement — Qu'est-ce qui nous différencie ? Pour qui travaillons-nous ? Quelle promesse faisons-nous ?
- Architecture — Quelles pages ? Dans quel ordre ? Avec quel objectif par page ?
- Parcours de conversion — Comment un visiteur passe-t-il de « je découvre » à « je prends contact » ?
2. Structurer le contenu comme un outil de vente
Le contenu n'est pas venu après le design. Il a été pensé en même temps — parce que sur un site de services, c'est le contenu qui vend, pas les pixels.
- Études de cas structurées en narration (problème → approche → résultat)
- Pages services orientées bénéfices, pas caractéristiques
- Copywriting pensé pour chaque étape du parcours prospect
- FAQ conçue pour lever les doutes avant qu'ils ne freinent la prise de contact
3. Concevoir un système, pas des pages
Chaque composant, chaque pattern de mise en page a été conçu pour être réutilisable et cohérent :
- Composants MDX dédiés pour les études de cas (SectionIntro, ResultsGrid, BeforeAfterTable, CaseStudyNote)
- Système typographique et de couleurs cohérent sur tout le site
- Design responsive pixel-perfect du desktop au mobile
4. Développer avec les standards les plus exigeants
- Next.js avec génération statique pour une vitesse maximale
- MDX pour un contenu riche et éditable sans compromis
- Tailwind CSS pour un design system maintanable
- Optimisation d'images automatique (WebP, lazy loading, sizing)
- API serverless pour le formulaire de contact
- CI/CD sur Vercel pour un déploiement en un commit
5. Intégrer SEO et accessibilité dès le départ
Pas en fin de projet. Pas en « phase d'optimisation ». Dès la première ligne de code :
- Structure sémantique HTML5 complète
- Métadonnées title, description, Open Graph par page
- JSON-LD (Organization, LocalBusiness)
- Sitemap automatique
- Accessibilité WCAG vérifiée (contrastes, navigation clavier, landmarks, alt texts)
- Core Web Vitals optimisés
6. Mesurer et itérer
Le site n'est pas un livrable figé. C'est un produit vivant que nous améliorons en continu :
- Suivi des performances via Lighthouse et analytics
- Ajout régulier de nouvelles études de cas
- Itérations sur le copywriting basées sur les retours prospects
Chaque choix technique, chaque décision de design et chaque mot de ce site a été soumis au même filtre : « Est-ce que ça aide le prospect à comprendre, à faire confiance et à passer à l'action ? » Si la réponse est non, on ne le garde pas.
Stack technique
- Next.js (génération statique)
- React
- MDX (contenu éditorialisé)
- Tailwind CSS
- Optimisation d'images automatique
- API serverless (contact)
- Analytics respectueuses de la vie privée
- CI/CD Vercel
- Lighthouse, GTmetrix (suivi de performance)
Le résultat
Ce site est la démonstration la plus concrète de ce que nous proposons. Pas un portfolio de plus — un outil de positionnement, de publication et de conversion qui incarne notre standard d'exécution.
- Un positionnement clair dès les 3 premières secondes
- Des études de cas qui racontent une histoire et qui vendent
- Des pages services qui parlent de bénéfices, pas de features
- Un contenu éditable en quelques minutes, sans développeur
- Des performances proches du score maximum sur tous les outils de mesure
- Un SEO intégré nativement, pas ajouté après coup
- Une accessibilité vérifiée et conforme
- Un déploiement automatisé qui rend chaque mise à jour indolore
Le site que vous êtes en train de parcourir est notre meilleur argument commercial. Si la qualité de ce que vous voyez vous convient — c'est exactement ce que nous produisons pour nos clients.
Ce que ce projet révèle
Cette étude de cas montre que nous appliquons à nous-mêmes ce que nous exigeons pour nos clients : un site conçu comme un outil business — pas comme un exercice de style. Clarté du positionnement, qualité d'exécution, performance technique et contenu qui convertit. Si nous ne le faisions pas pour nous, comment pourrions-nous le promettre pour vous ?
Vous parcourez notre travail depuis quelques minutes. Vous avez vu notre approche, notre niveau de détail, notre exigence. Si c'est le standard que vous recherchez pour votre propre projet — parlons-en.