🌐 Portfolio Website⚒️ En cours
Le site que vous lisez. Une refonte visuelle et UX de mon portfolio, accompagnée d’un passage de HTML/jQuery à Next.js.
Page d’accueil
Le noir intégral laisse place à une nappe violette et à une vidéo de particules. La barre de navigation s’allège, le logo cesse de manger le coin de l’écran.
Portfolio
La grille en escalier devient un alignement régulier, posé sur le fond teinté. Les vignettes ne révèlent leur titre qu’au survol, en reprenant leur couleur.
Le site que tu es en train de visiter. Le portfolio d’origine était en HTML/CSS/jQuery : la refonte a d’abord porté sur le visuel et l’expérience - navigation, animations, lisibilité, confort au doigt comme à la souris. Le passage à Next.js en est la conséquence plus que le but : il permet de piloter le contenu par des fichiers de données plutôt que par des pages dupliquées.
🎨 Refonte visuelle & UX
- Fiches projets et articles ouvertes en fenêtre modale : on consulte sans perdre sa place dans la page
- Carrousel que l’on attrape à la souris comme au doigt, avec inertie et calage sur les vignettes
- Vignettes qui dézooment et révèlent leur titre au survol
- Apparitions au défilement, compteurs animés et défilement fluide
- Animations coupées pour qui en demande moins, et titres toujours visibles sur écran tactile, où le survol n’existe pas
🛠️ Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Lenis
⚙️ Sous le capot
- Contenu piloté par des fichiers de données typés, plus de HTML dupliqué
- Pages rendues côté serveur, métadonnées et plan du site générés automatiquement
🗺️ Prochaines étapes
- Brancher une vraie base de données (Prisma + PostgreSQL)
- Petit espace d’administration pour ajouter du contenu sans coder