Disponible maintenant

Je conçois et construis des produits webrapides, fiables et bien pensés.

Développeur web freelance axé produit, à dominante front-end, spécialisé en performance web et expérience utilisateur. Je pilote un workflow de développement augmenté par IA qui me permet de livrer un produit de bout en bout.

TypeScript · JavaScript · React · Next.js · Node.js · Postgres · Prisma · AWS · Docker · Tailwind · Zod · Zustand · Vitest · Claude · Cursor · TypeScript · JavaScript · React · Next.js · Node.js · Postgres · Prisma · AWS · Docker · Tailwind · Zod · Zustand · Vitest · Claude · Cursor
0
d'expérience en développement web
0
fonctionnalités déployées en production
Workflow agentique

De l'idée au produit livré, sans rupture de chaîne.

Une méthode de bout en bout, de l'idée jusqu'au produit livré, où l'IA accélère chaque étape sans rogner sur la qualité.

TEMPS 1

De l'idée au ticket, la phase produit

Un cadrage structuré avant d'écrire la moindre ligne : cadrer le besoin, définir le produit, découper le travail.

01 · Idée

Une session de brainstorming cadrée : l'intention floue devient un périmètre et des arbitrages assumés.

02 · Spécification

Une spécification produit (PRD) : ce qu'on livre, pour qui, et surtout ce qu'on ne livre pas.

03 · Découpage

Un découpage en tâches priorisées, assez petites pour être exécutées et vérifiées une par une.

TEMPS 2

Un pipeline d'exécution agentique

Une fois le travail cadré, l'exécution est industrialisée : mémoire structurée, environnements isolés, validation automatisée.

01

Suivi des tâches à graphe de dépendances : chaque tâche connaît ses bloqueurs et se débloque au fur et à mesure : une mémoire structurée qui évite à l'IA de se perdre sur les tâches longues.

02

Environnements isolés : chaque agent travaille dans son propre espace git jetable, pour paralléliser sans que les agents se marchent dessus.

03

Orchestration multi-agents : plusieurs agents en parallèle, coordonnés dans un multiplexeur terminal.

04

Contexte cadré par projet : un fichier de règles et conventions (structure, style, exemples) qui garantit un code cohérent plutôt que des sorties génériques.

05

Validation avant merge : lint, tests et checks automatisés dans un environnement jetable avant toute intégration.

EN VEILLE ACTIVE

Sur des couches d'orchestration multi-agents plus poussées, pour les projets à grande échelle.

Réalisations en entreprise

Issues de mes expériences en entreprise.

CONTEXTE

Migration de la stack Smarty/PHP vanilla + jQuery vers Twig/Symfony et JS vanilla moderne. Chantier stratégique et prioritaire, mené par toute l'IT (~20 développeurs) sur 1 an, sur les 3 sites e-commerce à fort trafic du groupe.

RÔLE

Au sein de la squad front : développement de bout en bout des pages (routes, contrôleurs, services, view models côté back, vues Twig et JavaScript côté front), ainsi que des blocs réutilisables associés.

CHOIX TECHNIQUES

Architecture hexagonale et pattern MVC ; remplacement de jQuery par du JS vanilla moderne.

RÉSULTAT

Sites repassés au vert (indicateurs qualité/monitoring), gains de performance et de fluidité, moins de bugs.

CONTEXTE

Création de composants / blocs réutilisables (« squelettes ») pour les besoins des équipes produit sur les sites e-commerce du groupe.

RÔLE

Conception et développement d'une vingtaine à une trentaine de blocs (homepages, pages univers, edito), certains transverses.

CHOIX TECHNIQUES

Back-end en SQL Oracle et PHP, front-end de récupération et d'affichage des données, avec une logique de réconciliation entre deux bases distinctes (Oracle et MongoDB) via API.

RÉSULTAT

Système réutilisé sur 3 sites e-commerce du groupe, sur les zones à fort trafic.

CONTEXTE

Plusieurs refontes successives des zones clés du site : header, navigation, encarts et pages d'accueil.

RÔLE

Développement front, avec à chaque refonte un soin porté à des composants propres et réutilisables en vue d'un futur design system, et un effort d'accessibilité sur un existant qui n'en disposait pas.

RÉSULTAT

Montée en qualité et en cohérence du code front, base posée pour un design system, et accessibilité renforcée sur des zones à fort trafic.

Projets personnels

Ce que je construis pour explorer et apprendre.

TeamPlanificateur

Outil de gestion de planning d'équipe (internes et externes), avec un suivi distinct des jours travaillés pour les externes en plus des congés.

Motivation : répondre à un vrai irritant que j'ai observé : la gestion de planning au tableur, avec Astro et Hono.

AstroReactHonoPrismaPostgreSQL

MediaDesk

Back-office de gestion de grille de diffusion TV avec règle métier stricte de non-chevauchement des programmes par chaîne, portée à la fois côté application et côté base de données.

Motivation : creuser un vrai sujet de règles métier temporelles (créneaux, contraintes, intégrité des données) sur une stack Laravel/Next découplée.

Next.jsTypeScriptLaravelSanctumSQLite

Boardflow

Clone Trello avec une couche SaaS complète, organisations multi-utilisateurs, freemium et paiements Stripe, audit trail.

Motivation : explorer un projet « produit » de bout en bout plutôt qu'un exercice Kanban isolé : gestion multi-tenant, monétisation, et patterns Server Actions/validation.

Next.jsTypeScriptPrismaClerkStripe
Projet sélectionné

Du problème métier à la mise en prod.

En production · client
Projet client — site sur-mesure + CMS headless

Semelog

CONTEXTE

Entreprise sans site existant, cherchant une autonomie éditoriale complète et une interface sur-mesure, pas un template générique.

RÔLE

J'ai identifié et proposé la solution technique (le besoin n'était pas défini en amont), puis mené le développement en solo.

CHOIX TECHNIQUES

Sanity, un CMS headless personnalisé selon les besoins du client, pour une autonomie éditoriale complète. Branché sur Next.js pour une interface performante et un bon référencement dès la mise en ligne.

RÉSULTAT

Livré en 1 semaine de développement (2–3 semaines au total, design externe inclus).

Next.jsSanityCMS headlessTailwind
Page d'accueil du site Semelog
Spectre de compétences complet

Spécialiste front-end, autonome jusqu'à la prod.

Ma spécialité, c'est le front-end orienté performance et expérience utilisateur. Je maîtrise aussi le back et l'infra, ce qui me permet de porter un produit de bout en bout quand le projet le demande.

01
SPÉCIALITÉ

Front-end · perf & UX

Interfaces React/Next rapides, accessibles et soignées. Je travaille la performance et le SEO technique dans le détail.

  • Core Web Vitals & optimisation des temps de chargement
  • Design systems & intégration pixel-perfect
  • SEO technique (structure, métadonnées, indexation)
  • Accessibilité (a11y) & bonnes pratiques
  • Animations & micro-interactions
02

Back-end & API

APIs Node/TypeScript, bases relationnelles, auth et intégrations. De quoi constuire une logique métier fiable et testée, en autonomie complète.

03

DevOps & infra

CI/CD, conteneurs et déploiement cloud. De quoi mettre en prod et suivre l'uptime en autonomie, quand le projet le demande.

Stack au quotidien

FRONT / STATE & DATA
ReactNext.jsTypeScriptTanstack QueryZustandZodTailwind
BACK-END
Node.jsHonoPostgreSQLPHP
OUTILS & INFRA
DockerGitCI/CDDev agentique CLItmux / Herdr
À propos

Un développeur qui pose des questions avant de coder.

Basé à Paris, disponible en remote comme en présentiel.

Ce qui me motive : les projets où la technique sert un vrai problème. J'aime comprendre l'enjeu métier avant de coder, et peaufiner une interface jusqu'à ce qu'elle soit à la fois rapide et agréable à utiliser.

Portrait de Vianney Traina
Contact

Ouvert à de nouvelles missions.

Je réponds sous 24h, que ce soit pour une opportunité ponctuelle ou un besoin plus long terme.