Retour aux projets
Étude de cas / 01Produit commercialisé

Encre Vive.

De l’idée au produit commercialisé.

Une plateforme de création de tatouages par IA, conçue, développée et exploitée seul. De l’expérience créative aux comptes utilisateurs, du paiement à l’acquisition : j’ai porté l’ensemble du produit.

Mon rôle
Full-stack, UX & produit
Périmètre
Conception → exploitation
Langues
Français / anglais
Accueil d’Encre Vive : un formulaire de création de tatouage et des exemples de motifs sur la peau.
Capture de la page d’accueilencrevive.com

01 / Le produit

Une idée. Quatre façons
de lui donner forme.

Le point de départ est une envie de tatouage. Encre Vive réunit quatre outils créatifs autour de cette intention, dans une application avec authentification et paiement par crédits.

Génération IA

Donner une première forme à une idée de tatouage.

Animation vidéo

Mettre un motif en mouvement grâce à l’IA.

Lettrage

Explorer la dimension typographique d’un tatouage.

Visualisation 3D

Visualiser un projet de tatouage en trois dimensions.

02 / Mon intervention

Faire tenir toute la chaîne.

J’ai travaillé sur les parcours, les interfaces et le modèle de données, puis relié la génération IA aux comptes et aux crédits. La commercialisation m’a aussi amené à traiter la fiabilité des paiements, le référencement et la mesure des usages.

  1. Concevoir l’expérience

    Définir les parcours et les interfaces, organiser les outils créatifs et rendre les étapes compréhensibles.

  2. Développer le produit

    Construire le front-end, l’API, l’authentification, le modèle de données et la logique de paiement par crédits.

  3. Accompagner les usages

    Structurer le contenu bilingue, travailler l’acquisition SEO et instrumenter l’application pour comprendre son utilisation.

  • SvelteKit
  • TypeScript
  • Python / FastAPI
  • Supabase
  • PostgreSQL
  • PostHog

03 / Les décisions techniques

La confiance se construit
aussi dans le code.

L’application s’appuie sur SvelteKit, une API Python / FastAPI et Supabase. Trois décisions structurent la fiabilité du produit.

01 / Crédits

Les crédits sont contrôlés côté serveur.

Le serveur vérifie l’identité, calcule le coût et débite le solde en une opération conditionnée à des crédits suffisants. Si la génération échoue, les crédits sont rendus.

Voir le choix technique

Les droits PostgreSQL empêchent l’utilisateur de modifier son solde. Les fonctions de débit s’exécutent avec un rôle de service. L’identité provient du jeton vérifié et les coûts d’une liste définie côté serveur.

02 / Paiements

Un paiement ne crédite qu’une fois.

Les notifications d’un même paiement peuvent arriver plusieurs fois. Leur traitement est idempotent : la base conserve l’événement pour éviter un double crédit.

Voir le choix technique

Le webhook vérifie la signature HMAC du corps de la requête, puis appelle une fonction PostgreSQL. Une contrainte d’unicité et ON CONFLICT DO NOTHING permettent de traiter chaque événement une seule fois.

03 / Architecture

L’éditorial et l’application ont chacun leur rôle.

Les pages de contenu sont pré-générées et servies en statique. L’application utilise l’API pour les fonctionnalités du produit. La consultation des contenus reste indépendante de la base de données.

Voir le choix technique

Des routes dédiées au français et à l’anglais, associées aux indications hreflang, structurent le site bilingue. Les pages éditoriales assurent l’acquisition ; l’application porte les comptes, les crédits et la génération.

04 / Acquisition & usages

Un produit qui rencontre
ses utilisateurs.

Le travail ne s’arrête pas à la mise en ligne. Le contenu éditorial en français et en anglais soutient l’acquisition organique. PostHog complète cette approche avec l’analyse des usages de l’application.

Visites organiques / mois
1 500+
Utilisateurs inscrits
600+

Repères du produit, mis à jour manuellement.

La visibilité dans la recherche Google

Clics cumulés sur 2026
4,99 k
Impressions cumulées sur 2026
491 k

Source : Google Search Console · 2026 · résultats cumulés.

Ce projet réunit mon travail de développeur et mon regard produit : construire une expérience, la rendre fiable, puis lui donner les moyens d’être découverte et utilisée.

Passons de l’idée au concret.

Un produit à lancer ou une équipe à rejoindre ? Parlons de ce que nous pouvons construire ensemble.

Analyse de la page…15 agents0 / 0 éléments0 %