Portfolio // 2026
LOC // MONTPELLIER
Index
Portfolio Redesign
Tech / Art // 2026-01Perso

Portfolio Redesign

Construit avec Next.js (React), TailwindCSS, Framer Motion... Mise en avant professionnelle et personnelle

Technical Specifications

Validation
AC11
C1 // Réaliser

Choisir et implémenter les architectures adaptées

Apprentissage critique
AC12
C1 // Réaliser

Faire évoluer une application existante

Apprentissage critique
CE13
C1 // Réaliser

En veillant à la qualité de code et à sa documentation

Rédaction d'un code propre, commenté et accompagné d'une documentation technique claire.

Compétence élémentaire
CE14
C1 // Réaliser

En choisissant les ressources techniques appropriées

Sélection des outils, frameworks et matériels les plus adaptés aux contraintes du projet.

Compétence élémentaire
Constraints
Seul
Tech Stack // Built With
nextjs.svgNext.js
tailwind.svgTailwind CSS
typescript.svgTypeScript
github-mark.svgGitHub
antigravity.svgAntigravity
Framer Motion

L'idée

Ce portfolio est mon effort pour améliorer ma présence sur le web et me mettre en avant professionnellement. J'ai fait le choix d'y inclure également mes projets personnels hors informatique, qui impliquent mes centres d'intérêt personnels. C'est l'occasion de montrer la richesse de mon profil "généraliste spécialisé".

Choix Techniques et Architecture

J'ai opté pour Next.js favorable au SEO et à la performance. L'architecture du projet respecte les bonnes pratiques modernes (AC13) :

  • Composants atomiques réutilisables
  • Typage fort avec TypeScript
  • Séparation claire entre la donnée (MDX) et la vue

Design et Expérience Utilisateur (AC12)

Pour le design, je suis parti sur un thème "magazine tactique" épuré. J'ai porté une attention particulière à l'accessibilité et à l'ergonomie : contraste des couleurs, fluidité des animations avec Framer Motion, et navigation intuitive. L'objectif était de créer une interface qui « wow » l'utilisateur tout en restant parfaitement lisible.

J'ai décidé de prendre une couleur d'accent propre tirée de ma photo de profil.

Hero Section - Design épuré et typographie forte

Hero Section - Design épuré et typographie forte

01
Photo de profil - Source de la couleur d'accent

Photo de profil - Source de la couleur d'accent

02
Ancien Portfolio (2024) - Pour la comparaison

Ancien Portfolio (2024) - Pour la comparaison

03

Le plus amusant c'était de tout modulariser rendant l'extensibilité et la maintenance du site très facile. C'était l'occasion d'apprendre Next.js, framework de React, qui est mon langage de front favori.

Comparaison

Pour mieux voir la différence de niveau après 1 an d'écart entre les deux versions, voici la "landing page" du portfolio avant le redesign :

Ancien Portfolio (2024)

Ancien Portfolio (2024)

01