Florian Depatin
Projet personnel
Portfolio professionnel
Portfolio v2, un site professionnel conçu comme une vitrine technique, éditoriale et administrable.
Refonte complète de mon portfolio professionnel, pensée pour présenter mon parcours, mes projets, mon positionnement senior fullstack et mes compétences, avec un back-office sur mesure pour gérer les contenus, le SEO, les statistiques et la médiathèque.

Présentation détaillée

Informations complémentaires sur le projet, son rôle, ses enjeux et sa construction.

Mon rôle

J’ai conçu et développé ce portfolio de bout en bout : structure du site, identité visuelle, architecture Symfony, rendu Twig, back-office, gestion des contenus, SEO, statistiques, médiathèque et intégration responsive.

Le projet a été pensé comme un outil professionnel réel, pas comme une simple vitrine statique. L’objectif était de pouvoir administrer les projets, expériences, meta tags, images et messages de contact sans modifier directement les templates.

Cette refonte m’a aussi permis de clarifier mon positionnement : développeur web fullstack senior, orienté architecture logicielle, qualité, maintenabilité, conception SaaS et vision produit.

Travaux réalisés

  • Refonte complète de l’identité visuelle et de la structure du portfolio.
  • Création d’une architecture Symfony/Twig maintenable et évolutive.
  • Mise en place d’un back-office dédié au pilotage du contenu.
  • Gestion administrable des projets, expériences et meta tags SEO.
  • Création d’une médiathèque pour centraliser les fichiers et images.
  • Mise en place d’un système de rendu Markdown pour les contenus éditoriaux.
  • Création d’une page projets avec fiches détaillées.
  • Création d’une timeline d’expériences administrable.
  • Mise en place d’un formulaire de contact avec analyse anti-spam.
  • Ajout d’un système de statistiques de visites.
  • Gestion des meta tags, Open Graph, Twitter Cards et URL canoniques.
  • Adaptation du rendu pour la préproduction derrière reverse proxy.
  • Travail responsive sur les pages publiques et le back-office.
  • Déploiement en préproduction Dockerisée.

Points techniques notables

Le projet repose sur une architecture volontairement structurée, avec une séparation claire entre les entités, DTO, services, repositories, mappers, providers et templates.

Le back-office permet de gérer les contenus principaux du site sans intervention directe dans le code. Les projets, expériences et meta tags peuvent être créés, modifiés ou supprimés depuis l’interface d’administration.

La partie SEO a été conçue autour d’un système centralisé de résolution des métadonnées, avec des valeurs par défaut, des surcharges administrables et une intégration unique dans le template de base public.

Le projet intègre également une première base d’analytics maison, afin de suivre les visites, les pages consultées, les sources de trafic, les navigateurs, les systèmes d’exploitation et les comportements suspects.

Une attention particulière a été portée à la maintenabilité du code, à la cohérence visuelle, à la lisibilité du contenu, aux performances et à la capacité du site à évoluer progressivement.

Ce que ce projet démontre

Portfolio v2 démontre ma capacité à concevoir un projet web complet, de la réflexion produit jusqu’au développement, en passant par le design, l’administration, le SEO, la qualité et le déploiement.

Le projet illustre aussi ma manière de travailler : construire une base propre, éviter les solutions jetables, structurer progressivement les fonctionnalités et concevoir des outils réellement utiles plutôt que de simples écrans de présentation.

Il met en avant une approche fullstack complète : backend Symfony, rendu serveur Twig, UI responsive, logique métier, back-office, gestion de contenu, SEO, statistiques, sécurité et expérience utilisateur.

Au-delà de son rôle de portfolio, ce projet sert également de démonstrateur technique pour présenter concrètement mon niveau d’autonomie, ma vision produit et ma capacité à structurer une application web maintenable.

SymfonyFullstackPortfolioBack-officeSEOAnalyticsTwigProduit personnel
Ce projet vous donne envie d'échanger ?

Parlons architecture, produit, qualité logicielle ou opportunités autour d'un projet web/SaaS.