Dans le cadre de ma stratégie de communication digitale personnelle, j’ai conçu et développé ce portfolio de A à Z. L’objectif était simple : ne pas me contenter d’un template Canva ou d’un Wix, mais construire quelque chose qui reflète réellement mes compétences et ma sensibilité graphique.
Choix techniques
J’ai opté pour Hugo, un générateur de site statique rapide et flexible, couplé au thème Blowfish que j’ai entièrement personnalisé. Hugo permet de produire des sites performants sans base de données, ce qui est idéal pour un portfolio.
L’ensemble du design a été retravaillé via du CSS custom pour coller à ma charte graphique personnelle : violet foncé, jaune et vert. J’ai ajouté des animations en JavaScript pour enrichir l’expérience utilisateur, notamment des effets de fade-in au scroll, un écran de chargement animé et des compteurs dynamiques.
Infrastructure et déploiement
Le code source est versionné sur GitHub dans un dépôt privé. Le déploiement est automatisé via Netlify, qui reconstruit et publie le site à chaque push sur la branche principale.
J’ai acheté un nom de domaine personnalisé sur OVH et configuré manuellement les DNS pour le relier à Netlify. Le site est accessible via HTTPS et optimisé pour le référencement naturel, tout en restant volontairement invisible des moteurs de recherche grâce à une configuration robots.txt adaptée.
Ce que ce projet m’a appris
Ce projet m’a permis de sortir de ma zone de confort en tant que communicant. Travailler directement avec du HTML, du CSS et du JS dans un environnement de développement réel, gérer le versioning Git, comprendre l’infrastructure DNS et automatiser un pipeline de déploiement sont des compétences que je n’aurais pas acquises en passant par un constructeur de site classique.
C’est aussi un projet qui illustre ma conviction que la maîtrise des outils techniques est un avantage stratégique pour un professionnel de la communication digitale aujourd’hui.