← Toutes les créations

// recette n°001 · portfolio

gabincaron.com

Mon portfolio de développeur web : une vitrine immersive, au croisement du code et du design, qui présente mes projets et invite à la prise de contact.

Client
Projet personnel
Rôle
Conception & développement
Langue du site
Anglais
Année
2026
Durée
3 semaines
Capture de la page d'accueil

// la préparation

Le client, cette fois, c'est moi.

Un développeur qui parle d'expériences immersives doit pouvoir en montrer une. gabincaron.com est ma carte de visite : il présente qui je suis, ce que je sais faire et les projets sur lesquels j'ai travaillé.

Le site s'adresse en anglais à un public large, recruteurs comme collaborateurs créatifs, et affiche clairement ma disponibilité.

// l'envie du client

Trois attentes, une seule assiette.

  1. Montrer le travail

    Une galerie de projets visuelle, qui laisse les réalisations parler d'elles-mêmes.

  2. Code & design

    Une expérience animée qui prouve, dès l'arrivée, le goût pour les interfaces soignées.

  3. Être joignable

    Email, GitHub et LinkedIn à portée de clic, avec une disponibilité affichée.

// ingrédients

La stack de la recette

  • Nuxtframework
  • Vueinterface
  • GSAPanimations
  • WebGLeffets immersifs
  • Prismiccontenu

// les étapes

De l'arrivée au premier message.

Le parcours du visiteur, en quatre temps.

  1. Le préchauffage

    Un compteur de chargement en pourcentage fait patienter pendant que les visuels et les effets se préparent.

  2. L'accroche

    « Gabin — Web Developer & Explorer » : une page d'accueil animée qui pose le ton dès le premier écran.

  3. La vitrine

    Une galerie de quinze visuels de projets, servis par le CDN d'images de Prismic.

  4. La prise de contact

    « Let's build something great. » : email, GitHub et LinkedIn réunis en fin de parcours.

// le secret du chef

Du spectacle, sans figer le contenu.

Les projets et leurs images vivent dans Prismic : ajouter une réalisation ne demande pas de toucher au code, même si l'interface autour est très animée.

// résultats

À la sortie du four.

Uniquement des chiffres mesurés.

  • Statut

    En ligne

    Portfolio principal, utilisé au quotidien.

  • Projets présentés

    3

    visuels dans la galerie.

  • Performances mobiles

    95/100

    Lighthouse (PageSpeed Insights), médiane de 3 analyses, octobre 2026.

  • Accessibilité

    100/100

    Lighthouse (PageSpeed Insights), mobile, octobre 2026.

// passer commande

Une envie de site fait maison ?

Parlez-moi de votre projet : je reviens vers vous avec une proposition claire.

Passer commande

Devis gratuit, sans engagement · réponse sous 72 h

Carnet de commandes ouvert