Personnel • En ligne

Portfolio personnel

Exemple de portfolio développeur structuré comme une vitrine claire, avec page CV dédiée et fiches projet détaillées.

Rôle

Direction artistique, UI, intégration front, structuration de contenu.

Période

septembre 2025

Stack

Next.jsReactTypeScriptMUI
Voir les liens du projet →
Aperçu de la homepage avec hero, navigation et présentation structurée du profil.
4 parcours dédiés
Accueil, projets, CV et contact disposent chacun d’une hiérarchie et de métadonnées propres.
Contenu typé FR / EN
Le profil et les projets partagent un modèle TypeScript validé automatiquement entre les deux langues.
SEO vérifiable
Canonical, sitemap, JSON-LD et métadonnées Open Graph sont générés pour les principales routes.

Synthèse

Beaucoup de portfolios personnels ressemblent soit à un CV en colonnes, soit à une démonstration visuelle trop chargée. L'objectif ici est de proposer une base plus claire et plus réutilisable.

Livrables

  • Homepage structurée

  • Page CV dédiée

  • Fiches projet détaillées

  • Page contact simple

Problème

Comment structurer un portfolio public de façon crédible, lisible et facilement adaptable, sans dépendre d'un storytelling trop personnel ni d'une DA trop démonstrative ?

Décisions

  1. Travail sur une architecture simple avec une homepage courte, une page CV dédiée et des pages projet plus complètes.

  2. Simplification progressive de la hiérarchie visuelle pour mettre en avant le contenu utile avant les effets de style.

  3. Structuration du contenu pour qu'un autre profil puisse reprendre la base sans avoir à réécrire toute la logique éditoriale.

Solution

Homepage recentrée sur le profil, quelques preuves utiles, les projets phares et le contact.

Page CV dédiée pour sortir les détails de parcours de la homepage.

Structure de case study réutilisable avec contexte, problème, rôle, process, solution et résultats.

Ressources

Stack technique

Next.jsReactTypeScriptMUI