PORTFOLIO
Portrait d'Emmanuel Truffaut, développeur no-code et IA à Bordeaux

De la boutique physique au site marchand, l'écosystème complet.

Développeur no-code et IA, dédié e-commerce.

Site marchand, automations back-office, IA et dashboards. Un seul profil pour les quatre piliers, autonome dans l'exécution. Prêt à rentrer dans n'importe quel onboarding la semaine prochaine.

Réserver un appel Télécharger mon CV
L'écosystème en quatre piliers
01 · Site marchand
Boutique en ligne et point de vente
Catalogue, panier, paiement, livraison, click and collect. Sans Shopify, full custom no-code et low-code, en ligne ou connecté à votre boutique physique.
02 · Automations
Back-office connecté
Synchros stock, emails transactionnels, factures, suivi commandes, alertes équipe.
03 · IA intégrée
L'IA au service du business
Fiches produits auto, agent support client, photos retouchées, recommandations IA.
04 · Dashboards
Outils internes sur mesure
Tableaux de bord ventes/stocks, interfaces métier pour l'équipe, scan, saisie.

En 30 secondes

Diplôme
RNCP Niveau 6 Product Builder No-Code et IA, École Cube (RNCP 39108)
Stack
01 · SiteLovable, Bubble, HTML/CSS/JS, Figma, Stripe, PayPal 02 · AutoMake, n8n, Airtable, Resend, Notion 03 · IAClaude Code, Codex, ChatGPT, Gemini, LLM 04 · DashboardsSupabase, Cloudflare (Workers, D1, R2, Access), GitHub
Background
Vendeur multimédia Auchan (2009-2016), puis 9 ans en logistique d'entrepôt (2016-2025), dont plusieurs années sur les entrepôts Cdiscount. E.T.D Projects créée en 2023, double casquette Product Builder depuis la certification RNCP en 2026.
Mobilité
Eysines (33) ou full remote France, déplacements ponctuels possibles
Disponibilité
Immédiate
Projets livrés

Six projets en production

Six outils qui tournent vraiment : un site marchand pour un client, le site du studio, une plateforme grand public, et trois applications que j'utilise tous les jours. Même fiche pour chacun : le besoin, ce que j'ai construit, la stack, l'état.

Projet clientEn production
Asia Food
Stand de cuisine cambodgienne à Izon, en Gironde, qui prenait ses commandes par téléphone. J'ai construit son site marchand sur mesure, sans Shopify ni plateforme de commande : carte en ligne, click and collect, livraison locale, paiement par carte via Stripe, et un back-office privé pour gérer commandes, horaires et plats. En ligne et utilisé par ses clients.
Voir le site
Affiche de la démonstration vidéo du site de commande en ligne Asia Food

Parcours du site en ligne.

PlateformeEn production
Gambadons
Les commerces de proximité de Gironde n'ont pas tous un site, et les annuaires existants les noient. J'ai construit une plateforme où chaque commerçant tient sa fiche lui-même : recherche par catégorie et par ville, horaires calculés en direct, événements, et un back-office de modération. Chaque fiche est tenue par son commerçant, pas par un annuaire qui vieillit.
Voir la plateforme
Affiche du parcours de la plateforme Gambadons, annuaire des commerces de Gironde

Parcours de la plateforme en ligne.

Site du studioEn production
etd projects
Le site du studio, et la pièce centrale de tout le reste : présentation de la méthode, réalisations, outils gratuits pour les commerçants et démonstrations sectorielles. Site statique déployé sur Cloudflare, pensé pour le référencement local et pour tenir sans maintenance lourde.
Voir le site
Affiche du parcours du site du studio etd projects

Parcours du site en ligne.

Outil interneEn production
La Bible E.T.D
Répondre à un commerçant demandait de chercher dans mes notes. J'ai construit un référentiel de six cent cinquante-sept solutions couvrant quatorze métiers, avec moteur de recommandation, classements et génération de documents. Application hors ligne installable, base Cloudflare D1, synchronisation entre deux postes. Outil privé : la vidéo tourne sur un jeu de données de démonstration, aucune fiche réelle.
Affiche de la démonstration vidéo de La Bible E.T.D, avec son jeu de données de démonstration

Données de démonstration : aucune fiche réelle n'apparaît.

Application de bureauEn production
RESET
Une application de bureau qui suit un programme de reconstruction physique sur douze mois : routine du jour, séances, repas, mensurations et courbes de progression. Interface React, serveur local, base SQLite et sauvegarde automatique quotidienne. Tout reste sur la machine, aucune donnée ne part sur internet. La vidéo tourne sur un profil et des valeurs inventés.
Affiche de la démonstration vidéo de l'application RESET, affichée avec des données de démonstration

Données de démonstration : profil et mesures inventés.

Application de bureauEn production
Studio
Produire images, voix et vidéos courtes coûte cher en abonnements, et fait sortir les fichiers du poste. J'ai construit un studio qui tourne entièrement en local : génération d'images, synthèse vocale française, montage vidéo vertical avec sous-titres et musique. Zéro abonnement, zéro quota, rien ne quitte l'ordinateur, et chaque média produit est inscrit dans un journal de marquage.
Affiche de la démonstration vidéo du Studio, pendant une génération d'image en local

Génération réelle, filmée puis accélérée.

Aller plus loin

Le laboratoire

En parallèle des projets en production, je construis des maquettes de vitrines et de boutiques, et j'expérimente. Tout est rangé au laboratoire, filtrable par catégorie.

Maquettes e-commerce
Trois e-shops complets : fleuriste, pizzeria, streetwear. Catalogue, panier et animations premium.
Expérience 3D
E.T.D Cube, un mini-jeu 3D jouable directement dans le navigateur, en WebGL.
Cas pratique
PlayOff Amateurs, le projet soutenu devant le jury de la certification RNCP 39108.
Voir le laboratoire complet
Cinq raisons concrètes

Cinq différenciants

01
Terrain commerce et e-commerce
Plus de 4500 ventes cumulées sur Cdiscount, Rakuten et Vinted entre 2023 et 2025, précédées de 7 ans en vente multimédia Auchan et 9 ans en logistique d'entrepôt (dont les entrepôts Cdiscount). Boutiques fermées aujourd'hui, expérience capitalisée en templates pour vendeurs e-commerce. Je comprends ce qu'on vend, en boutique comme en ligne.
02
Scope A à Z, un seul profil
Site marchand, automations, IA et dashboards. Les quatre piliers couverts par un seul profil, autonome dans l'exécution, sans devis fragmenté entre prestataires.
03
Certification RNCP fraîche
Certifié RNCP 39108 Product Builder No-Code & IA (École Cube, 2026). Stack et méthodes alignées sur les standards 2026 du métier.
04
Reconnu par la communauté
Sollicité comme intervenant dans la communauté de Hugues Trijasse (solopreneur français, 3M abonnés) pour accompagner les nouveaux membres de sa formation e-commerce.
05
La preuve, vous y êtes
Cette page que vous lisez. Codée de A à Z, déployée sur Cloudflare en quelques secondes par commande. Pas de framework lourd, pas d'agence. Vous voulez voir mon travail ? Il est déjà sous vos yeux.
Vous me contactez

Quelques mots et je reviens vers vous

Je réponds personnellement à chaque demande.

Merci d'indiquer votre prénom.
Merci d'indiquer votre nom.
Email invalide.
Merci d'indiquer votre entreprise.
Merci de choisir le type d'opportunité.
Une description est requise.

Vos coordonnées sont utilisées uniquement pour vous répondre. Aucun partage tiers. Plus d'infos : politique de confidentialité.

Vous devez accepter pour envoyer le brief.
Merci, je vous réponds personnellement.

Vous préférez échanger directement ?

30 min pour faire connaissance et caler les contours du poste.

Réserver 30 min
Lien copié !

Fiche technique · Projet client en production

Asia Food

Le projet en deux phrases

Un site de commande en ligne complet pour Asia Food, stand de cuisine cambodgienne à Izon : carte, click and collect ou livraison locale, et paiement carte sécurisé, développé entièrement sur mesure, sans Uber Eats ni Shopify.

Comment je l'ai conçu

  1. J'ai écouté. J'ai pris le temps de comprendre le métier du client : ses plats, ses horaires, ses contraintes, ce qu'il voulait gérer lui-même.
  2. J'ai posé les bases. Une page claire et rapide : la carte, les plats, l'histoire de la maison, parfaitement lisible sur mobile.
  3. J'ai ajouté la commande en ligne. Un panier, des créneaux de retrait ou de livraison locale, un paiement carte sécurisé via Stripe, un email de confirmation pour l'acheteur et une alerte pour le client.
  4. J'ai donné les clés au client. Un espace privé où il voit les commandes, met un plat en rupture, met la boutique en pause ou programme une fermeture pour les vacances.
  5. J'ai mis en ligne et je continue. Hébergement Cloudflare, déploiement automatique à chaque modification, suivi des retours pour améliorer.

Les outils utilisés (et pourquoi)

Claude Code piloté avec agents et skillsOutil d'exécution dirigé via des agents et skills configurés sur mesure. Le cadrage, l'architecture, les choix techniques et le contrôle qualité restent humains. Des audits sont systématiquement lancés à chaque étape : sécurité (failles, secrets, dépendances), SEO (balises, performance, données structurées), accessibilité (norme RGAA / WCAG, contrastes, navigation clavier, lecteurs d'écran), conformité RGPD (cookies, mentions, CGV) et performance (audit Lighthouse, Core Web Vitals).
React + TypeScript + Tailwind + ViteReact pour structurer le site en composants réutilisables (header, panier, fiche plat, etc.). TypeScript pour sécuriser le code et attraper les erreurs avant la mise en ligne. Tailwind pour un design responsive impeccable sur mobile, tablette et desktop. Vite pour un site qui se charge en moins d'une seconde. Animations fluides via Framer Motion, icônes via Lucide, validation des données via Zod.
Cloudflare (suite complète)Tout l'écosystème Cloudflare piloté depuis un seul tableau de bord : hébergement Pages avec déploiement automatique, Pages Functions pour la logique serveur légère (création de la session Stripe, réception du webhook, envoi des emails Resend, dashboard admin), base de données D1 pour les commandes et les plats, R2 pour les images, Web Analytics sans cookies (conforme RGPD), pare-feu WAF avec règles anti-bots et anti-DDoS, certificat HTTPS automatique, cache CDN mondial sur 300+ villes, optimisation des images au format moderne (WebP, AVIF), protection des accès admin via Cloudflare Access.
Stripe (intégration API)Intégration directe de l'API Stripe pour encaisser les paiements carte en toute sécurité, sans jamais stocker ni manipuler les numéros de carte (conformité PCI-DSS assurée par Stripe). Création de session Checkout côté serveur, redirection sécurisée du client vers la page de paiement Stripe, retour automatique sur le site une fois le paiement validé. Webhook signé pour recevoir la confirmation officielle de paiement, avec vérification de la signature et protection contre les doublons. Gestion des remboursements depuis l'espace admin.
Resend (API emails transactionnels)Intégration de l'API Resend pour envoyer automatiquement les emails au bon moment : confirmation de commande à l'acheteur dès le paiement validé, alerte au client commerçant avec le détail de la commande, mises à jour de statut (en préparation, prête, annulée). Templates HTML responsive maison, expédition depuis un domaine vérifié (SPF, DKIM, DMARC configurés sur OVH), suivi des envois et des taux de livraison depuis le dashboard Resend.
GitHub (versioning + CI/CD)Dépôt privé qui garde l'historique complet de chaque modification du site. Branche principale connectée à Cloudflare Pages : à chaque push, déploiement automatique en production. Travail par branches pour tester les nouvelles fonctionnalités sans casser le site en ligne, retour arrière instantané en cas de problème. Secrets et clés API stockés en variables d'environnement, jamais dans le code. Surveillance automatique des dépendances vulnérables (Dependabot) et scan des secrets exposés activés.

Fiche technique · Plateforme en production

Gambadons

Le projet en deux phrases

Un annuaire des commerces de proximité de Gironde où chaque commerçant tient sa fiche lui-même : recherche par catégorie et par ville, horaires calculés en direct, événements, et un back-office de modération. Chaque fiche est tenue par son commerçant, pas par un annuaire qui vieillit.

Comment je l'ai conçu

  1. J'ai regardé ce qui manquait. Les annuaires existants noient les petits commerces, et beaucoup n'ont pas de site du tout. Il fallait une fiche qui vive, tenue par le commerçant, pas une ligne morte dans une liste.
  2. J'ai construit la recherche d'abord. Par catégorie, par ville, avec un statut ouvert ou fermé calculé en direct sur les horaires réels, y compris les créneaux qui passent minuit.
  3. J'ai ouvert l'espace commerçant. Compte professionnel, fiche modifiable, horaires saisis dans une grille, photos, événements. Le commerçant n'a besoin de personne pour se corriger.
  4. J'ai gardé la main sur la qualité. Un back-office de modération valide les nouvelles fiches et les signalements, pour que l'annuaire reste fiable.

Les outils utilisés (et pourquoi)

Next.js + React + TypeScriptNext.js pour les pages rendues côté serveur, indispensables au référencement d'un annuaire local, et pour les formulaires de l'espace commerçant. TypeScript pour attraper les erreurs avant la mise en ligne. Tailwind pour un rendu net du téléphone au grand écran, icônes Lucide.
SupabaseLa base de données des commerces, des comptes professionnels et des événements, avec l'authentification des commerçants et des règles d'accès par ligne : un commerçant ne peut modifier que sa propre fiche.
Cloudflare Workers via OpenNextL'application Next.js tourne sur le réseau Cloudflare plutôt que sur un serveur loué : démarrage immédiat, distribution mondiale, et une facture qui reste dans le palier gratuit.
Notifications web pushLe commerçant est prévenu sur son téléphone quand sa fiche est validée ou qu'un signalement la concerne, sans qu'il ait à installer quoi que ce soit.

Fiche technique · Site du studio en production

etd projects

Le projet en deux phrases

Le site du studio, et la pièce centrale de tout le reste : méthode, réalisations, outils gratuits pour les commerçants et démonstrations sectorielles. Site statique pensé pour le référencement local et pour tenir sans maintenance lourde.

Comment je l'ai conçu

  1. J'ai décidé ce que le site devait faire. Convaincre un commerçant en une visite, et être trouvé sur les recherches locales autour de Bordeaux. Tout le reste est passé après.
  2. J'ai choisi le statique. Des pages calculées une fois à la construction, servies telles quelles : rien à maintenir, rien qui tombe, et un affichage immédiat.
  3. J'ai travaillé le mouvement. Animations liées au défilement et effets visuels, calibrés pour rester fluides sur téléphone et se couper d'eux-mêmes si le visiteur a demandé moins d'animations.
  4. J'ai mis les outils gratuits en avant. Démonstrations par secteur et outils utilisables tout de suite : un commerçant voit ce qu'il aurait, avant même de demander un devis.

Les outils utilisés (et pourquoi)

AstroLe site est calculé à la construction et livré en pages statiques : aucune attente au chargement, aucun serveur à surveiller. Le JavaScript n'est envoyé que là où il sert vraiment.
TailwindUn système d'espacements, de tailles et de couleurs cohérent d'une page à l'autre, et un rendu tenu du téléphone au grand écran.
GSAP et LenisGSAP pour les animations déclenchées au défilement, Lenis pour un défilement lissé. Le tout se désactive si le visiteur a réglé son système sur moins d'animations.
Cloudflare PagesHébergement et distribution mondiale, déploiement à chaque modification, HTTPS automatique, mesure d'audience sans cookie. Zéro euro par mois.

Fiche technique · Outil interne en production

La Bible E.T.D

Le projet en deux phrases

Un référentiel de six cent cinquante-sept solutions couvrant quatorze métiers de commerce, avec moteur de recommandation, classements et génération de devis. Outil privé : la vidéo tourne sur un jeu de données de démonstration, aucune fiche réelle n'y apparaît.

Comment je l'ai conçu

  1. Je suis parti d'un agacement. Répondre à un commerçant demandait de fouiller mes notes. La même question revenait, la réponse était à réécrire à chaque fois.
  2. J'ai transformé mes notes en fiches. Une fiche par solution : le problème qu'elle règle, le métier concerné, le prix, l'abonnement, la difficulté, le besoin ou non d'intelligence artificielle.
  3. J'ai ajouté le moteur. On coche les problèmes du commerçant, le moteur classe les solutions et affiche pourquoi chacune remonte. Les classements se recalculent dès qu'une fiche change.
  4. J'ai branché le devis. Le devis se compose pendant le rendez-vous à partir des fiches, les mentions légales s'ajoutent seules selon le type de client, et il part en PDF ou par email.

Les outils utilisés (et pourquoi)

Application web installable, sans cadricielDu JavaScript sans dépendance de rendu : l'outil se charge instantanément et s'installe comme une application. Moins de code veut dire moins de choses qui cassent avec le temps.
Fonctionnement hors ligneLes documents sont gardés dans le navigateur, avec une file d'attente pour ce qui doit partir en base. En rendez-vous sans réseau, l'outil marche quand même et rattrape au retour.
Cloudflare D1La base en ligne qui reçoit les fiches et les devis, et qui garde deux postes de travail synchronisés. Palier gratuit, aucune machine à administrer.
jsPDF et pdf.jsDeux bibliothèques embarquées dans l'outil pour fabriquer et relire les documents sur le poste, sans jamais envoyer un devis client à un service extérieur.

Fiche technique · Application de bureau en production

RESET

Le projet en deux phrases

Une application de bureau qui suit un programme de reconstruction physique sur douze mois : routine du jour, séances, repas, mensurations et courbes de progression. Tout reste sur la machine. La vidéo tourne sur un profil et des valeurs inventés.

Comment je l'ai conçu

  1. J'ai écrit le programme avant le code. Douze mois de phases, des séances, des menus et des repères de progression. Sans ce contenu, l'application n'aurait été qu'une liste de cases à cocher.
  2. J'ai fait une journée qui se déroule toute seule. L'application affiche l'heure suivante et ce qu'elle contient, coche au fil de la journée, et calcule la part de routine réellement faite.
  3. J'ai ajouté la mesure. Mensurations et tests de force à intervalle régulier, photos de suivi, courbes qui comparent au point de départ. Le poids n'est volontairement pas l'indicateur principal.
  4. J'ai verrouillé la vie privée. Rien ne part sur internet. La base est un fichier sur le disque, avec une sauvegarde automatique par jour et un script de copie complète vers un dossier ou un disque externe.

Les outils utilisés (et pourquoi)

React et ViteReact pour une interface découpée en morceaux réutilisables, Vite pour une construction rapide et une application qui s'ouvre sans attente.
Serveur local HonoUn petit serveur qui tourne sur la machine et sert à la fois l'interface et les données. Aucun appel sortant : coupez le réseau, l'application fonctionne à l'identique.
SQLite intégré à NodeLa base tient dans un seul fichier, lisible et copiable. Aucune dépendance à installer, aucun service de base de données à faire tourner.
ElectronL'application s'ouvre depuis un raccourci du bureau comme n'importe quel logiciel, sans passer par un navigateur ni par une adresse à retenir.

Fiche technique · Application de bureau en production

Studio

Le projet en deux phrases

Un studio de production qui tourne entièrement sur la machine : génération d'images, synthèse vocale française, montage vidéo vertical avec sous-titres et musique. Zéro abonnement, zéro quota, rien ne quitte l'ordinateur.

Comment je l'ai conçu

  1. Je suis parti du coût. Produire images, voix et vidéos courtes revient cher en abonnements, et fait sortir les fichiers d'un client du poste. Les deux problèmes se règlent au même endroit : en local.
  2. J'ai fait tourner les modèles sur la machine. Génération d'images sur la carte graphique du PC, avec une traduction automatique du français vers la description anglaise attendue par le modèle.
  3. J'ai ajouté la voix et le montage. Synthèse vocale française, sous-titres calés sur la voix, montage vertical avec musique, le tout enchaîné sans quitter l'outil.
  4. J'ai rendu le marquage obligatoire. Chaque média produit est inscrit dans un journal daté avec son modèle et sa consigne : le marquage des contenus générés n'est pas une case à cocher qu'on oublie.

Les outils utilisés (et pourquoi)

stable-diffusion.cpp et Z-Image TurboLe moteur d'images tourne en local sur la carte graphique, sans compte ni quota. Une image en un à trois minutes, autant qu'on veut, et rien n'est téléversé.
llama.cpp et Qwen3Un modèle de langage local traduit la demande écrite en français vers la description anglaise que le générateur attend, et montre ce qu'il a compris avant de lancer le calcul.
Python et PillowUn serveur maison qui tient la page unique, enchaîne les étapes, convertit et range les fichiers. Aucune dépendance lourde, tout se lit et se répare.
ffmpegLe montage vidéo : assemblage des plans, sous-titres, mixage de la musique et export final, avec des réglages fixés une fois et éprouvés.