← Toutes les réalisations

Site Portfolio

Un portfolio pour présenter ma pluridisciplinarité, mes réalisations et mes services, entièrement repensé et mis en ligne le 1er novembre 2026.

01/11/2026 · Arthur Mondon

Site Portfolio
Objectif
Présenter mon profil aux clients, recruteurs et collaborateurs
Intervention
Conception et réalisation en autonomie
Nouvelle version
Mise en ligne le 1er novembre 2026
Technologie
React et Next.js

Le point de départ

Mon portfolio rassemble mon parcours, mes services et mes réalisations pour m’adresser aux clients freelance, aux recruteurs et aux personnes souhaitant collaborer avec moi. Cette version, mise en ligne le 1er novembre 2026, met particulièrement en avant ma pluridisciplinarité : développement web, applications natives et expériences interactives.

Le site a évolué d’une première version React/Vite vers Next.js, notamment pour disposer du contenu et des métadonnées dans le HTML rendu avant l’exécution du JavaScript côté navigateur.

Les objectifs

Rendre un parcours varié compréhensible, montrer les projets et les compétences mobilisées, puis permettre au visiteur d’identifier les services qui correspondent à son besoin ou de prendre contact. La nouvelle présentation devait aussi faciliter la mise à jour des fiches et leur découverte dans les moteurs de recherche.

Mon intervention

J’ai réalisé seul l’ensemble du portfolio : identité graphique, design, textes, développement, hébergement et maintenance. Les miniatures de présentation des projets sont réalisées à la main. Je fais évoluer le site et tente de garder les contenus à jour au fil de mes réalisations.

La solution

La bibliothèque distingue les projets mis en avant des autres réalisations. Chaque fiche présente le contexte, les fonctionnalités, les technologies et, selon les informations disponibles, mon intervention, les choix de conception et les résultats. Des liens contextuels et des projets associés permettent de découvrir des réalisations complémentaires.

Le site réunit également des pages de services, mon parcours, mes compétences, un blog, le téléchargement du CV et un formulaire de contact. La présentation s’adapte aux différentes tailles d’écran.

Avec Next.js, les fiches projets, les pages de services et les articles sont générés statiquement : leur contenu et leurs métadonnées sont présents dans le HTML initial. Un sitemap et des images de partage complètent cette structure pour faciliter la découverte et la présentation des pages.

Les fonctionnalités

  • Présentation du parcours, des services et de compétences pluridisciplinaires
  • Bibliothèque de projets avec sélection mise en avant et autres réalisations
  • Fiches détaillées avec technologies, liens, images et projets associés
  • Miniatures de projets réalisées à la main
  • Maillage interne entre les réalisations et les services correspondants
  • Blog, formulaire de contact et téléchargement du CV
  • Présentation responsive
  • Prérendu HTML avec Next.js et génération statique des fiches et articles
  • Métadonnées, sitemap et images de partage

Les résultats et l’usage actuel

Mise en ligne le 1er novembre 2026, cette version présente mon travail et la diversité des projets que je conçois et développe. Les fiches enrichies, les miniatures réalisées à la main et la navigation entre réalisations et services donnent un aperçu plus complet de mes compétences. Je continue à faire évoluer le portfolio et à actualiser ses contenus au fil de mon activité.

Les choix techniques et les technologies

L’enjeu central est de rendre lisible une activité pluridisciplinaire sans perdre le visiteur dans la quantité de projets. La nouvelle version s’appuie sur une sélection de réalisations, des fiches plus précises et des liens vers les services pour guider la découverte. L’évolution de React/Vite vers Next.js répond aussi au besoin de disposer de pages et de métadonnées prérendues.

Technologies

ReactReact
NextJSNextJS
HTML 5HTML 5
CSS 3CSS 3
JavaScriptJavaScript
GitGit
DockerDocker

Découvrir le projet

Pour un projet similaire

Retrouvez les prestations correspondant à ce type de réalisation.

Un projet similaire ? Parlons-en