Mon Portfolio x Claude — Étude de cas

Le défi

Créer un portfolio qui me ressemble vraiment.

En tant que designer UX/UI avec un parcours en product management, j'avais besoin d'un portfolio qui mette en valeur à la fois mes compétences design et ma capacité à penser de manière stratégique. Mais je voulais aussi qu'il soit personnel — pas juste un template de plus.

En parallèle, j'étais curieuse d'explorer l'IA comme outil créatif. Claude pouvait-il devenir un vrai partenaire dans le processus de design — sans remplacer la créativité, mais en l'amplifiant ? Ce projet est devenu le terrain de jeu idéal pour le découvrir.

L'objectif : concevoir et développer un portfolio qui me reflète, tout en apprenant à travailler avec l'IA comme véritable partenaire créatif.

Aperçu de la page d'accueil du portfolio

L'approche

L'IA comme partenaire créatif, pas comme raccourci.

Travailler avec Claude, ce n'était pas générer un site automatiquement. C'était une conversation — des allers-retours, affiner des idées, questionner des choix, itérer ensemble jusqu'à ce que chaque détail soit juste.

Direction créative

J'ai piloté la vision créative — couleurs, mise en page, style d'illustration, identité visuelle. Claude m'a aidée à traduire les idées en code et a proposé des améliorations en cours de route.

Dialogue itératif

Chaque section a traversé plusieurs itérations. Je donnais mon feedback, posais des questions, et on affinait ensemble — comme avec un vrai collaborateur.

Apprendre en faisant

Ce projet m'a appris à briefer une IA efficacement, à poser les bonnes questions, et à garder le contrôle créatif tout en tirant parti de la vitesse technique.

Processus de design

De la page blanche au site en ligne.

Identité visuelle

Définition de la palette de couleurs, de la typographie, du style d'illustration et de l'ambiance générale. Chaleureuse, joueuse et professionnelle — avec des touches dessinées à la main qui la rendent personnelle.

Contenu & structure

Planification de la structure des pages, rédaction des textes, organisation de la hiérarchie des contenus. Chaque section raconte une partie de l'histoire.

Design & développement

Conception de l'UI sur Figma et développement avec Astro — en utilisant Claude comme partenaire de code pour donner vie au design avec un HTML et un CSS propres et accessibles.

Finitions & mise en ligne

Ajout de micro-interactions, d'animations et d'ajustements responsives. Déploiement sur Cloudflare Pages pour un hébergement rapide et fiable.

Le résultat

Un portfolio qui évolue avec moi.

Le site final est rapide, entièrement responsive et — surtout — il me ressemble. Des couleurs douces, des illustrations joueuses, et des détails pensés à chaque scroll. Un projet vivant qui évolue au fil de mes apprentissages.

Ce que j'ai appris

Travailler avec l'IA est une compétence à part entière. La qualité du résultat dépend entièrement de la qualité de la consigne — exactement comme un brief design. Plus mes demandes sont précises et réfléchies, meilleurs sont les résultats.

Ce projet a prouvé que l'IA peut être un puissant accélérateur créatif lorsqu'elle est guidée par une vision claire et de solides intuitions design. Le ou la designer reste aux commandes — l'IA rend simplement le trajet plus fluide.

Projet suivant

Daily UI Challenge

Explorer une variété de designs à travers des briefs rapides et ciblés.

Voir l'étude de cas →