Bannière Portfolio
Audit & refonte UI / UX

Refonte Portfolio v3


https:// lennygadroy.github.io
Rôle
Audit, UI/UX, identité visuelle
Durée
8 semaines
Outils
Figma ; HTML, CSS, JavaScript
Contexte
Projet personnel

Brief : Refondre mon portfolio (v3) pour présenter mes compétences et mes réalisations.

Objectif : Passer d'un catalogue de projets à un outil de candidature qui génère des entretiens.

Livrables : Audit de la v2, maquettes UI/UX, logo simplifié, contenu optimisé pour le référencement.


Point de départ : la v2

La v2 avait une identité générique et une navigation peu claire : les meilleures réalisations étaient noyées dans des informations secondaires. L'objectif de la v3 : transformer un catalogue en outil qui attire les recruteurs et obtient des entretiens.

Audit de la v2

J'ai audité mon propre site et listé les frictions : chemin trop long jusqu'aux études de cas, absence de hiérarchie visuelle. Le zoning redéfinit la priorité de chaque élément : l'accueil doit convaincre en 5 secondes, le CV met en avant les compétences techniques dès le début. Les wireframes ont été validés avant le choix des couleurs.

Avant / Après — Logo
Nouveau logo LG
Ancien logo LG

Identité

J'ai positionné l'identité entre développement et design d'interface. Palette sombre avec des touches de bleu électrique. Le logo LG est simplifié : ornements supprimés, lisible sur tout support numérique (mockups ordinateur et téléphone ci-dessous).

Toutes les couleurs
Nouvelles couleurs et logos
Mockup logo sur ordinateur Lenny GADROY dans logo LG Mockup logo sur téléphone

Refonte des pages

Six pages ont été refondues : accueil, projets, albums, Skills Shop, CV, contact. Les espacements mettent les visuels en valeur. La section Skills Shop passe d'une liste à une présentation interactive. Le parcours de contact est réduit aux éléments nécessaires.

Avant / Après — Home
Nouvelle version
Ancienne version
Avant / Après — Page des projets
Nouvelle version
Ancienne version
Avant / Après — Page des albums
Nouvelle version
Ancienne version
Avant / Après — Skills shop
Nouvelle version
Ancienne version
Avant / Après — Page CV
Nouvelle version
Ancienne version
Avant / Après — Page de contact
Nouvelle version
Ancienne version

Ce que j'en retiens

Sans client, il faut se fixer soi-même des objectifs de conversion. Le piège est de concevoir pour soi : j'ai raisonné du point de vue du recruteur et du prospect. La contrainte « se présenter sans se survendre » m'a servi à travailler la hiérarchie visuelle.

Bannière LinkedIn Reprenez le contrôle

Résultats

6pages refondues et comparées avant/après
5 stemps visé pour convaincre sur la page d'accueil
6entretiens obtenus depuis la mise en ligne de la v3 (avant mon site professionnel)