*Historique de mes différents portfolios. Choix techniques et orientations générales.* > [!note] > ### **Début 2026 - Retour au blogging** > > Après un peu moins pour tester Framer, j’ai décidé de ne pas renouveler. > > L'écosystème semble globalement graviter autour d'ambassadeurs qui vendent des sites et des templates. L'impossibilité d'avoir accès à son code et le côté très fermé de l’ensemble a fini par entamer mon entrain. On atteint vite le plafond de verre et l'apprentissage me semble assez peu transposable ailleurs. > > Le tout est davantage pensé pour ses ambassadeurs que pour ses utilisateurs. Cette réalisation faite, Notion peut en l'état couvrir mes besoins : bloguer sans friction ainsi que compiler différentes ressources et projets. --- > [!note] > 5️⃣ > > ### **Début 2025 - J’essaie Framer** > > En 2025, j’ai commencé à faire un petit peu de freelance et donc je me suis dit que ce serait l’occasion de revoir mon site perso. C’est toujours un bon moment pour apprendre de nouvelles choses.J'en ai profité pour tester quelques site builders qui me faisaient de l'œil. > > Mon dévolu c'est finalement porté sur Framer. Avec ça, quelques autres changements : branding, nom de domaine, hébergeur, etc. (des choses qui seront en grande partie conservées par la suite malgré mon abandon de Framer). > > Framer m'offre l'assurance de la fiabilité technique et d'une multitude de facilités, surtout comparé à mes solutions personnalisées sans backend précédent. ![[../_site-assets/Personal website (2021 → 2026)/Illust_1 1.png]] ![[../_site-assets/Personal website (2021 → 2026)/Illust_3 1.png]] ![[../_site-assets/Personal website (2021 → 2026)/Illust_2 1.png]] ![[../_site-assets/Personal website (2021 → 2026)/Illust_4 1.png]] --- > [!note] > 4️⃣ > > ### **Début 2023** > > Première version que je considère satisfaisante, malgré le manque de place dédié aux études de cas. Cette refonte est à la fois motivée par ma recherche de stage de Master, mais aussi par mon envie de concrétiser un portfolio en cohérence avec mon niveau de compétences. C'est aussi une bonne excuse pour refaire un peu de développement front-end. > > Toute l'interface a été [posée à plat et repensée dans Figma](https://www.figma.com/community/file/1202967407041651606/portfolio-v3-january-2023) avant d'être réintégrée. > > Les points clés de cette version sont : > > - Un code optimisé et rationalisé (comme toujours), je me mets enfin aux variables CSS, il était temps. Le menu burger de la version mobile se voit enfin actualisé. > - La charte graphique refondue avec un accent important sur un usage plus pertinent de la typographie. Le wording en parallèle continue de faire du chemin pour s'accorder à une identité graphique plus « playful ». > - L'ensemble des pages & composants du portfolio ont été reconstruits pour être plus simples, actuels et affirmer un univers visuel plus marqué. Par exemple, cela se ressent sur la mise en page du blog et son effet de hover. ![[../_site-assets/Personal website (2021 → 2026)/v4 1.jpg]] --- > [!note] > 3️⃣ > > ### **Mi 2022** > > Une version revue et corrigée de la précédente mais qui se concentre sur la page d'accueil et certaines considérations techniques précises. > > Les points clés de cette version sont : > > - Le code est rationalisé et optimisé avec plus de richesse dans les layouts et le responsive. Du JS est intégré pour gérer de la parallaxe et des filtres. Globalement, il y a moins de « cache-misère ». > - La charte graphique évolue doucement (arrondis, le bleu devient la primary, etc.) et certaines composant comme les boutons ou le header sont modernisées. > - La page d'accueil voit sa hiérarchie retravaillée et les cartes de contenu repensées avec notamment l'ajout d'accès rapides aux projets en eux-mêmes. ![[../_site-assets/Personal website (2021 → 2026)/V3 1.jpg]] --- > [!note] > 2️⃣ > > ### **Fin 2021** > > J'ai poussé cette refonte importante assez rapidement vers la sortie pour les besoins de ma recherche de stage parce que je n'étais pas satisfait de la première version. D’où un passage rapide en V2.5, 6 mois plus tard. > > En réalité, dans cette refonte, le portfolio n'était pas au cœur de l'opération. L'important était surtout de travailler une identité visuelle à travers plusieurs supports, notamment pour préparer ma candidature en master. Ce portfolio s'accompagne donc d'un CV et d'un book qui marquent le début d'une identité visuelle qui atteindra sa maturité avec la V3. > > Comme à chaque fois, beaucoup d'évolutions et de rationalisations se passent du côté du code (exclusivement Front). > > Les points clés de cette version sont : > > - L'ensemble du site est redéveloppé en partant de zéro et débarrassé de Bootstrap. Les différents layouts sont plus variés et complexes et tirent mieux parti de CSS. > - La hiérarchisation du site est revue, l'accueil fait maintenant office de galerie des projets et une page « about » dédiée est créée. > - Une refonte visuelle est entamée mais encore mal maîtrisée (changement de police et affirmation d'une couleur primaire et secondaire). Un accent est mis sur les visuels et la cohérence entre les supports : CV, Book & Portfolio. ![[../_site-assets/Personal website (2021 → 2026)/Book_04 1.jpg]] ![[../_site-assets/Personal website (2021 → 2026)/Book_05 1.jpg]] --- > [!note] > 1️⃣ > > ### **Début 2021** > > Un peu de contexte : je suis à ce moment-là en deuxième année de DUT et je cherche un stage dans une rédaction, d'où l'importance de la partie blog dans cette première mouture. > > Ensuite, il s'agit également d'un projet d'études, qui a donc quelques contraintes. La plus importante étant que je dois développer le site et que je suis responsable de sa réalisation technique. De là, deux choix s'offrent à moi : une solution CMS, pratique mais peu stimulante à mettre en place, ou une intégration custom, à la main, nettement plus amusante. Le choix s'est fait naturellement. > > Autant le dire tout de suite, cette première version, bien que fonctionnelle, reste médiocre à bien des égards. Cependant, l'exercice fut instructif et fécond. ![[../_site-assets/Personal website (2021 → 2026)/v1 1.jpg]] ## Galerie ![[../_site-assets/Personal website (2021 → 2026)/Illust_1.png]] ![[../_site-assets/Personal website (2021 → 2026)/Illust_3.png]] ![[../_site-assets/Personal website (2021 → 2026)/Illust_4.png]] ![[../_site-assets/Personal website (2021 → 2026)/Illust_2.png]] ![[../_site-assets/Personal website (2021 → 2026)/v4.jpg]] ![[../_site-assets/Personal website (2021 → 2026)/V3.jpg]] ![[../_site-assets/Personal website (2021 → 2026)/Book_04.jpg]] ![[../_site-assets/Personal website (2021 → 2026)/Book_05.jpg]] ![[../_site-assets/Personal website (2021 → 2026)/v1.jpg]]