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
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.
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.
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.