Étape 01
Produit & cadrage
Je clarifie le besoin, l'usage réel, les publics et les priorités pour transformer une demande ouverte en plan d'action.
CadrageUsage réelPrioritésMVPParcoursDécisions
Fabrique
Comment le travail est construit.
Cette page montre ma méthode de conception et de construction : cadrer, dessiner, structurer, automatiser quand cela sert le projet, puis préparer une base prête à sortir du local.
Étape 02
Design & interface
Je pose une direction visuelle, j'organise les écrans et je travaille la lisibilité pour rendre l'expérience simple côté utilisateur.
Direction visuelleUILisibilitéResponsiveTypographieÉtats
Étape 03
Construction web
Je construis une interface utilisable, pas une maquette figée : composants cohérents, structure lisible et base facile à faire évoluer.
Next.jsReactTypeScriptTailwindComposantsStructure
Étape 04
Données & logique métier
Je relie les écrans aux informations utiles : utilisateurs, contenus, statuts, commandes, tableaux, règles simples et parcours métier.
Modèle de donnéesUtilisateursStatutsContenusTableauxRègles
Étape 05
Automatisations & IA cadrée
Je cherche les tâches répétitives à alléger, les outils à connecter et les usages IA à cadrer avec des règles et garde-fous simples.
ScénariosWebhooksEmailsOpenAIPromptsGarde-fous
Étape 06
Préparation à la mise en ligne
Je prépare une base prête à sortir du local : configuration lisible, variables séparées, vérifications et passage possible vers domaine ou serveur.
RecetteVariablesBuildGitHubChecklistPassage en ligne
Boîte à outils
Les bonnes briques pour chaque projet.
Les outils changent selon le projet. Ce qui compte, c'est de savoir quelle famille sert le besoin : produit, interface, design, données, automatisation, IA ou passage en ligne.
Produit
CadragePriorisationParcours utilisateurMVP
Interface
Next.jsReactTypeScriptTailwind CSSResponsive
Design
Direction artistiqueUITypographieIdentité visuelleFigma
Données
SupabasePostgreSQLAuthStorageRLS
Automatisation
MakeAirtableWebhooksEmailsDashboards
IA
PromptingAgents cadrésOpenAIRecherche documentaireGarde-fous
Mise en ligne
GitHubVariables d'environnementBuildDomaineChecklist
Détails techniques
Ici, je garde la mise en ligne au niveau méthode. Les détails serveur, DNS, HTTPS, processus, logs et maintenance sont volontairement rangés dans le Lab.