Ce que je fais

La stratégie donne la direction, le design lui donne une forme, le développement la rend réelle.

Ce qu'on construit en premier, ce qu'on repousse, comment on tranche. Quand un projet avance vite, les décisions de design doivent suivre le même rythme. J'apporte le regard UX qui garantit que ce qui est construit est bien la bonne chose. Je travaille avec peu de clients à la fois : tu as toute mon attention.

Voir tous les projetsRéserve un appel

Ma méthode

Comment je travaille

Une méthode qui ne change pas d'un projet à l'autre, parce qu'elle marche.

Étape · 1

Comprendre

Tout commence par des questions. Ton activité, tes clients, ce qui bloque aujourd'hui. On cadre le vrai problème avant de dessiner quoi que ce soit — c'est là que se joue l'essentiel du résultat.

Étape · 2

Concevoir & Développer

Design et code avancent ensemble, pas l'un après l'autre. Tu vois le projet vivre au fil de l'eau, dans le navigateur, et pas seulement en maquette figée.

Étape · 3

Affiner & Faire évoluer

La mise en ligne n'est pas la fin. On mesure, on ajuste, on fait grandir le projet au rythme de ton activité — un site qui reste utile est un site qui bouge.
  • Branding
  • Développement
Visuel temporaire d'un projet de brandingVisuel temporaire d'un projet de développementVoir le projet

Branding

La partie que tout le monde voit. Identité, interfaces, mise en page — travaillées jusqu'à ce que la marque soit reconnaissable partout où elle apparaît.

  • Outils

    • Figma
    • Adobe Illustrator

    Livrables

    • Palette de couleurs
    • Typographies
    • Charte d'application

  • Outils

    • Figma
    • Prototypes interactifs

    Méthode

    • Wireframes
    • Parcours utilisateur
    • Design system

  • Méthode

    • Atelier de cadrage
    • Benchmark
    • Positionnement

    Livrables

    • Plateforme de marque
    • Ton de voix
    • Territoire visuel

  • Outils

    • Figma
    • Tailwind CSS

    Livrables

    • Maquettes responsive
    • Bibliothèque de composants
    • Spécifications

  • Outils

    • Adobe Illustrator
    • Adobe Photoshop
    • Figma

    Usages

    • Pictogrammes
    • Illustrations éditoriales
    • Motifs

Développement

La partie qui doit fonctionner. Sites, applications et plateformes, écrits à la main pour charger vite, tenir la charge et survivre à leur lancement.

  • Stack

    • Next.js (App Router)
    • React
    • TypeScript
    • Tailwind CSS

    Inclus

    • Rendu serveur
    • Accessibilité
    • Déploiement Vercel

  • Stack

    • React
    • Tailwind CSS
    • Shadcn/ui
    • GSAP

    Inclus

    • Intégration responsive
    • Animations
    • Compatibilité navigateurs

  • Stack

    • API Routes Next.js
    • Express
    • TypeScript
    • Better Auth

    Inclus

    • Validation des entrées
    • Rate limiting
    • Sessions côté serveur

  • Stack

    • React Native
    • Expo
    • TypeScript

    Inclus

    • iOS et Android
    • Notifications push
    • Publication sur les stores

  • Stack

    • PostgreSQL
    • Prisma
    • Neon / Supabase

    Inclus

    • Migrations versionnées
    • Row Level Security
    • Sauvegardes

  • Stack

    • GSAP
    • ScrollTrigger
    • Lenis
    • Three.js / WebGL

    Inclus

    • Transitions de page
    • Animations au scroll
    • Effets sur-mesure

  • Plateformes

    • Shopify
    • WordPress

    Inclus

    • Thème sur-mesure
    • Intégrations tierces
    • Reprise de l'existant

  • Outils

    • Lighthouse
    • Core Web Vitals
    • Umami

    Inclus

    • SEO technique
    • Données structurées
    • Temps de chargement