Portfolio

Ce portfolio est mon terrain de jeu personnel : un thème WordPress développé sur-mesure, pensé comme un vaisseau qui traverse différentes strates cosmiques (présentation, compétences, projets, parcours, contact), avec une direction artistique spatiale assumée du chargement jusqu’au formulaire de contact.

Fonctionnalités

  • Thème WordPress sur-mesure : aucun page builder, un thème PHP classique architecturé autour de templates dédiés et de champs ACF pour piloter le contenu (compétences, projets, parcours).
  • Composants Vue 3 : effets visuels interactifs (lignes flottantes façon galaxie, halo lumineux, curseur suiveur) montés sur des ancrages précis du DOM, packagés via rsbuild en un bundle unique chargé en pied de page.
  • Animation de chargement : une fusée en SVG (dessinée à la main, pas d’émoji) décolle au chargement de la page d’accueil, avec traînée de propulsion et scintillement des flammes.
  • Design system cohérent : glassmorphism (header en pilule flouté, cartes en verre), dégradés violet/rose partagés entre les sections, et un bouton « cosmique » réutilisable entre le formulaire de contact, une classe utilitaire et un style de bloc Gutenberg natif.
  • Projets dynamiques : chaque réalisation est un article du post type web piloté par ACF (titre, description courte/longue, image, visuel), avec un code couleur automatique perso/agence appliqué aux cartes et au CTA.
  • Transitions de sections : dégradés de fondu entre chaque strate pour éviter les ruptures nettes de couleur, du hero jusqu’au formulaire de contact.
  • Formulaire de contact sur-mesure : Contact Form 7 entièrement restylé (mise en page en grille, focus states, bouton dégradé), sans dépendre du CSS par défaut du plugin.
  • Responsive soigné : menu mobile en accordéon (sous-menus qui se déploient sans quitter la page), navigation centrée, et correctifs de rendu spécifiques aux petits écrans.

Objectif en bref

Proposer une vitrine personnelle qui sort du gabarit « thème WordPress générique » — un univers visuel cohérent et animé, tout en gardant un code source lisible, maintenable et sans dépendance à un page builder.

Stack technique

Le thème est écrit en PHP natif (templates WordPress classiques + ACF pour la gestion de contenu), avec une architecture SCSS modulaire compilée via Gulp. Les effets visuels interactifs sont développés en Vue 3 et empaquetés avec rsbuild en un bundle unique injecté côté front. Le carrousel de projets s’appuie sur Swiper.js, et le formulaire de contact sur Contact Form 7, entièrement restylé pour coller à la direction artistique du site.

Le déploiement se fait par synchronisation SFTP directe vers un hébergement mutualisé OVH, sans environnement de build côté serveur : le SCSS est compilé en local puis poussé automatiquement dès qu’un fichier du thème change.