Lead Front-End · Junior Architect

Jordan
Taisne

14 ans à façonner des interfaces. Aujourd'hui, je conçois des architectures front-end robustes, performantes et évolutives.
Mon objectif : structurer des systèmes qui tiennent dans le temps et transmettre cette exigence aux équipes qui les font vivre.

Découvrir l'approcheMe contacter
Portrait de Jordan Taisne

Vision & Stack

Vision & Transmission

Convaincu que l'excellence technique se construit à plusieurs, je mets mon expertise au service de la cohésion d'équipe. Avec 14 années de pratique, j'ai appris que la vraie valeur d'un senior réside dans sa capacité à faire grandir ceux qui l'entourent. Je suis déterminé à bâtir des systèmes robustes tout en investissant le temps nécessaire pour que chaque collaborateur devienne acteur de sa propre montée en compétence.

Concepts Clés

Valeurs immuables qui guident mes choix, quel que soit le framework.

  • Architecture
  • Performance Optimization
  • Clean Code
  • DRY / KISS
  • Accessibilité

Maîtrise Technique

Frameworks

  • React / Next.js
  • Vue 3 / Nuxt 3

Langages

  • TypeScript (Strict)

Infra & Outillage

Culture de l'auto-hébergement et maîtrise de la chaîne de déploiement globale.

Projets

jordan-t.dev v2

En cours

Refonte complète du portfolio, le projet école qui incarne la maturité technique.

Décision Clé

Migration de Gatsby v1 vers Next.js App Router avec React Server Components par défaut. Approche CSS-First radicale (Scroll-driven animations, View Transitions) pour un runtime à empreinte JS quasi-nulle.

  • Next.js
  • TypeScript
  • CSS Modules
  • MDX

Media Manager

En cours

Outil desktop de gestion et d'indexation de médiathèque locale.

Décision Clé

Architecture découplée Tauri + Rust pour le moteur d'indexation, React/TypeScript pour l'UI. Objectif : isoler les calculs lourds de parsing hors du thread principal et garantir une fluidité à 60 fps.

  • Rust
  • Tauri
  • React
  • TypeScript
  • SQLite
  • Axum

At Work TP

Client

Site vitrine pour une entreprise de travaux publics.

Décision Clé

SSR pur Nuxt 3 avec animations scroll gérées nativement en CSS. Résultat : Core Web Vitals maximisés (SEO local critique pour le client), zéro dépendance JS d'animation.

  • Nuxt 3
  • Vue 3
  • TypeScript
Voir tous les projets

Parcours & Impacts

  1. Développeur Front-End Senior · Refectory

    mai 2020 – Aujourd'hui (6 ans)
    • Pilotage et développement de l'écosystème Nuxt/Vue (E-commerce, Back-office, App logistique) pour absorber 35 000 repas/jour et gérer les pics de charge critiques.
    • Refonte du tunnel d'achat (hausse du panier moyen via A/B testing) avec une forte exigence UI/UX (micro-interactions, audits de performance Vue 3).
    • Mentorat technique de proximité d'un développeur junior (transition de WordPress vers Vue/Nuxt) jusqu'à sa pleine autonomie.

  2. Développeur Front-End & Team Lead · altima°

    juil. 2015 – avr. 2020 (5 ans)
    • Lead front-end sur le compte Crédit Agricole (sous-traitance IBM) : structure CSS pour une trentaine de devs back, intégration au CMS Adobe AEM, formation de deux juniors.
    • Gouvernance de design system chez AXA : centralisation de 100+ couleurs via linter dans un fichier SASS unique, rendant chaque ajout conscient.
    • Veille et POC de technos émergentes (ex. Gatsby, à l'origine de la V1 de jordan-t.dev).

  3. Intégrateur Front-End · insitaction

    oct. 2011 – juil. 2015 (4 ans)
    • Intégration UI et optimisation des performances pour des plateformes e-commerce d'envergure internationale (Décathlon, Sephora, Flunch Traiteur).
    • Conception d'expériences web interactives, d'applications orientées gamification et de sites vitrines institutionnels (BTWIN).

Le Lab & Veille

ArchitectureTalkEssentielDette de conception : Julien Topçu & Josian Chevalier (Devoxx France 2026)La dette de conception ce sont les mauvaises décisions d'architecture prises sous pression, invisibles dans le code mais qui contraignent tout ce qui vient après. C'est exactement pour ça que je documente mes décisions en ADR.youtube.com · 2026JavaScriptTalkEssentielDans la boucle : Jake Archibald (JSConf)La référence sur l'event loop JavaScript. Comprendre pourquoi une animation chope, pourquoi un calcul bloque le rendu : tout part de là. Intemporel.youtube.com · 2018
CraftLivreEssentielClean CodeLa règle du Boy Scout : on repart toujours d'un endroit plus propre qu'on l'a trouvé, même hors scope. Responsabilité unique par méthode, nommage explicite. Lu en Java, appliqué partout depuis.Robert C. Martin · 2008
Voir toute la veille

06. Et maintenant ?

Prochaine étape : Structurer ensemble.

Ouvert aux opportunités CDI sur la métropole lilloise ou en Full Remote · Lead Front-End · Architecte Front-End Junior

✉ contact@jordan-t.dev