Portfolio Julien Vielle
Ce portfolio : identité graphique premium, Next.js 16, TypeScript, Tailwind CSS, Framer Motion et pages dynamiques.
Contexte
Projet personnel visant à présenter mon parcours BTS SIO SLAM, mes stages PEP64 et mes réalisations avec une identité visuelle unique.
Objectifs
Créer un portfolio professionnel, mémorable et responsive, avec contenu structuré et pages détail pour projets et stages.
Technologies utilisées
- Next.js 16
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- App Router
Next.js 16ReactTypeScriptTailwind CSSFramer MotionApp Router
Missions réalisées
- Définition de la charte graphique (#141a26, #2a3248, #a8d3f0, #0e65a9)
- Architecture composants réutilisables (layout, ui, sections)
- Hero asymétrique et fond ambient (blobs, glassmorphism)
- Pages dynamiques /projets/[slug] et /stages/[slug]
- Section veille technologique complète sur Rust
- Animations Framer Motion et responsive mobile/desktop
Difficultés rencontrées
- Éviter un rendu générique type template gaming
- Structurer de grandes quantités de contenu sans surcharge visuelle
- Typage TypeScript strict pour les données
Solutions apportées
- Direction artistique inspirée Linear/Apple (sobre, premium)
- Centralisation des données dans lib/constants.ts
- Composants Motion et DetailLayout réutilisables
Compétences développées
- Next.js App Router et TypeScript
- Design system Tailwind personnalisé
- UX/UI premium et accessibilité