Retour aux projetsProjet personnel

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é