← Retour aux projets
Mon portfolio

Mon portfolio

Mars 2025

DesignDéveloppement

Contexte :

J’ai développé mon tout premier site portfolio en première année de MMI (2023), du HTML CSS JS brut. Après 3 ans (2025) à apprendre le développement web et le design UI/UX, il était temps de le mettre à jour avec l’utilisation de nouvelles technologies, un nouveau design, de nouveaux projets et des performances toujours optimisées.

Tâches :

  • Recherche de l’existant
  • Création d’une charte graphique
  • Maquette UI/UX
  • Rédaction de contenu
  • Développement du site internet
  • Optimisation des performances
  • Mise en place d’un outil de suivi

Actions réalisées :

Pour ce projet de portfolio, j’ai commencé par rechercher de l’inspiration. Après quelques trouvailles, j’ai eu des idées et je me suis lancé sur Figma en créant ma charte graphique et la hero section de mon portfolio. Problème : je n’ai pas aimé ce que j’ai fait. Après plusieurs essais et en mélangeant mes idées, j’ai obtenu un résultat qui me plaît. J’ai continué ensuite le design dans le même esprit que ce que j’avais déjà fait. Une fois cela fait, j’ai dû rédiger tous mes contenus (du lorem ipsum n’apporte pas grand-chose).

Une fois ces deux étapes finies, je suis passé à l’intégration from scratch avec Astro.js, un framework JavaScript axé sur la création de sites statiques et l’optimisation des performances. Je l’ai développé from scratch, ce qui m’a permis une liberté totale dans le code. J’ai également utilisé différentes librairies de design (Tailwind CSS, Magic UI…) afin de gagner du temps sur le développement de mon site.

Cela me permet d’avoir un site performant, notamment grâce à l’optimisation des images avec une conversion automatique au format WebP, un format qui offre une bonne qualité d’image avec un poids très réduit. Mes projets, quant à eux, sont au format Markdown, facile à maintenir et universel, ce qui permet une meilleure maintenabilité dans le temps. De plus, j’ai intégré un outil permettant de suivre de manière anonyme le parcours des utilisateurs. Celui-ci me permet d’accéder à différentes données : le nombre de visiteurs, les pages les plus consultées, le temps passé sur le site et bien d’autres données. J’ai ensuite mis en ligne cette nouvelle version à l’aide de Vercel.

Résultats obtenus :

  • Un site performant
  • Des projets de qualité
  • Responsive
  • Des performances au top

Logiciels utilisés :

  • Astro.js
  • React
  • Tailwind CSS
  • Magic UI
  • Umami (Suivi)

Réalisé par :

  • Théo Le Gourrierec