← Retour aux projets

Portfolio website

WebDesignBranding

Refonte complète de mon portfolio pour créer un site moderne et reconnaissable. De la création du branding, en passant par la maquette jusqu'à la mise en production, découvrez les détails de ce projet.

Contexte et motivation

Deux ans après le lancement de mon premier site web, j'ai ressenti le besoin de créer une nouvelle version qui me représente vraiment. La V1 devenait de plus en plus contraignante. Le choix de partir sur un wordpress permettait d'aller vite, mais limitait grandement les possibilités de personnalisation, et le design ne reflétait plus ma personnalité et mes compétences actuelles.

Cette V2 représente bien plus qu'une simple mise à jour : c'est une refonte complète, autant au niveau technique que sur l'expérience utilisateur ou l'identité visuelle.

Création de l'identité graphique

La première étape de ce projet a été la création d'une nouvelle identité graphique. Pour ce faire, j'ai commencé par lister tous les éléments qui me représentent. A travers cette nouvelle identité, je voulais retransmettre mon côté papier, créatif, mais aussi professionnel.

Le processus de création de cette nouvelle identité a inclus :

  • Palette de couleurs : Garder une continuité avec la V1, tout en ajoutant du dynamisme
  • Typographie : Sélection de polices modernes et lisibles adaptées au web
  • Éléments visuels : Création de composants réutilisables pour garantir la cohérence
Identité visuelle - Robin Noiret

Développement et architecture

Pour cette V2, j'ai opté pour une stack technique moderne et performante. J'ai choisi Next.js comme framework principal, ce qui me permet de bénéficier du rendu côté serveur pour des performances optimales et un meilleur référencement. Le principal défi a été de développer ce que j'avais en tête, et de rester fidèle à la maquette.

J'ai également dû réfléchir à la gestion de la partie articles, quel est le meilleur choix entre un CMS, le développement d'un connecteur personnalisé, ou encore l'utilisation de fichiers markdown.

Les principales étapes du développement ont été :

  • Architecture : Mise en place d'une structure modulaire et scalable
  • Articles : Conception d'une architecture permettant la récupération des articles
  • Composants : Développement de composants réutilisables
  • Responsive Design : Adaptation de l'interface pour tous les types d'écrans
  • Optimisation : Travail sur les performances et le temps de chargement

Nouveautés de la V2

Cette nouvelle version apporte de nombreuses améliorations par rapport à la V1 :

  • Nouvelle identité visuelle
  • Plus de projets
  • Stack technique moderne
  • Meilleure expérience utilisateur
  • Performance optimisée

Le résultat

Le site que vous consultez actuellement est le fruit de plusieurs mois de travail. Il représente non seulement une vitrine de mes compétences techniques, mais aussi un espace où je peux partager ma vision, mes projets et mon évolution professionnelle.

Ce portfolio est conçu pour évoluer avec moi, accueillir de nouveaux projets et continuer à refléter mon parcours au fil du temps. J'espère qu'il vous plaira autant qu'a moi !

Aperçu du portfolio - Pages du site

Informations

Durée3 mois
Date2025
TypeProjet personnel

Technologies utilisées

Next.jsReactJavaScriptCSSVercelGit