avec l'œil d'un directeur artistique.
WordPress, WooCommerce, React, TypeScript, Supabase, API — du repo à la prod.
Survolez : la lentille montre le design.
Je conçois des identités, des campagnes, des apps et des sites — du concept à la mise en ligne.
Bougez la souris : passez aux rayons X.
GaryLe Grill
Je viens du design, et ça se lit dans mon code : des interfaces fidèles au pixel, des CMS que le client édite seul, des apps qui passent les stores. WordPress pour les marques, React + Supabase pour les produits, Claude dans la boucle — et une relecture humaine.
Quinze ans à imaginer des campagnes pour L'Oréal, Sephora, Renault ou Air France. Aujourd'hui, je les construis aussi : des apps publiées, des sites WordPress, des outils IA. Une même main, du premier croquis au dernier commit.
Ma méthode,
en nodes.
Chaque projet est un workflow : des idées, des modèles d'IA, des choix humains, du code, une mise en ligne. Le workflow tourne sous vos yeux.
Deux pratiques,
un seul atelier.
Glissez la poignée ↔
d'hiver
Projets
choisis.
projets.json
Statuts réels · survolez : la loupe · cliquez pour ouvrir
Studio Pepper & Joy
Éditeur React de faire-part : créations structurées, calques, aperçus, back-office des formats d'impression.
{ "stack": ["React 19", "TypeScript", "TanStack Start", "Tailwind 4", "PostgreSQL", "Better Auth", "Sharp", "Docker · Coolify"],
"flux": "modèle validé → produit WooCommerce (brouillon)" }
Tapping Now
Bibliothèque audio de tapping avec monétisation web et mobile.
{ "stack": ["React", "Tailwind", "Node.js", "Supabase", "Capacitor", "Stripe", "RevenueCat"],
"flux": "achat store → RevenueCat → droits premium" }
Daily Vinyl · DailyBook
Un album, un livre par jour. 32 langues, archives, notifications.
{ "stack": ["React", "TypeScript", "TanStack Start", "Supabase", "pg_cron", "OneSignal", "Traduction IA"],
"flux": "prepare-daily → Supabase + cache → interface" }
Radio
Stations issues d'une API externe, recherche, lecture audio, compte unique multi-appareils.
{ "stack": ["Capacitor", "API REST", "GitHub", "Coolify"],
"flux": "API stations → recherche → URL de flux → lecture" }
Alliance Mutualiste
Intégration, maintenance, navigation et responsive sur les sites WordPress du groupe : Nostrum Care, MMC, Praeco, Essenza…
{ "stack": ["WordPress", "Elementor", "HTML/CSS", "JavaScript", "UTM"],
"flux": "page partenaire → lien + UTM → prise de RDV" }
King Jouet · King Okaz
Outil de seconde main : recherche par QR code, statuts de suivi, tableau de bord.
{ "stack": ["Bubble", "Postmark", "n8n"],
"flux": "action magasin → Bubble → API → Postmark → client" }Pepper & Joy — boutique
Refonte de la home en plugin dédié, configurateur d'options et de prix.
{ "stack": ["WordPress", "WooCommerce", "Flatsome", "Plugin PHP", "JS natif"],
"flux": "[pj_home] → pj-home.css + pj-home.js" }Cas client —
Martell VS.
Pernod Ricard · exploration de key visuals cognac générés par IA, de la bouteille officielle aux déclinaisons.
Apps —
conçues, codées, publiées.
Des produits à moi : je dessine l'interface, je code le front et les données (React, Supabase), je package pour les stores avec Capacitor. Même exigence que pour une campagne — mais ça tient dans la poche.
Tapping Now
Séances audio de tapping contre le stress. Abonnements web (Stripe) et achats in-app (RevenueCat).
Radio
Stations via une API externe, recherche, lecture audio. Android, Mac et Windows, un seul compte.
Collection Daily
Une découverte par jour : un album (32 langues, lecteur intégré), un livre, un artiste, un jeu. Un seul système, quatre univers.
Gary,
en vrac.
Tout se déplace. Lancez les objets.
Et oui : vous pouvez tirer sur ma joue.
<Gary role="DA" also="dev" ship />
sur la joue
Sites
WordPress & sur mesure.
Le design ne s'arrête plus à la maquette. Thèmes sur mesure, blocs éditables par vos équipes, intégrations, mise en ligne : ce que je dessine, je le livre.
- WordPressThèmes · plugins · WooCommerce
- Front-endReact · JS · HTML/CSS
- AppsCapacitor · Supabase · Stripe
- DeployGitHub · Docker · Coolify · OVH
- IAClaude · Agents · Automations
Le tableau
des éléments.
Ma stack, celle de mes CV et de mes projets en production, classée comme une table périodique. Cliquez un élément : l'éditeur charge du vrai code, et le rendu tourne en direct à côté.
Le studio
augmenté.
Neuf compétences, une seule direction. L'IA fait partie du process — le sujet reste la création livrée.
Direction
créative l'œil, d'abord.
- Concept
- Identité
- Key visual
Dev
WordPress livré, éditable.
- Thèmes
- Blocs
- Perf
Apps
mobiles du Figma au Store.
- UI
- Android
- Publication
Image
générative zéro shooting.
- Prompting
- Retouche
- Séries
Vidéo
générative films & motion.
- Casting
- UGC
- Brand films
Game
design jouer, convertir.
- Activation
- Opt-in
- AR
Stratégie
IA les bons outils.
- Audit
- Skills
- Workflows
Automatisation moins de friction.
- Agents
- Pipelines
Prototypage tester vite.
- Lab
- Démo
- Interaction
de votre projet.
construit ?
Campagne, site, app, ou les trois. Pas de brief à remplir : un mail suffit.