Web & mobile Architecture de l'information Product Design

Barré Studio — Simplifier
un monde "barré"

Simplifier l'interface pour recentrer l'expérience sur la qualité des projets créés par la directrice artistique.

Mon rôle Lead Designer UI/UX
Durée 1 mois
Outils Figma, Make, Claude
Aperçu de l'interface du projet

Une identité forte, une expérience saturée.

Barré Studio est le studio créatif d'une directrice artistique spécialisée en direction artistique, production et casting. Son site existant — construit sur une plateforme à base de templates — reflétait bien sa personnalité, mais noyait son travail.

Motifs audacieux, fonds en damier et couleurs saturées étaient partout. Ce qui aurait dû être des signatures visuelles entrait en concurrence avec le portfolio lui-même. En plus de cela, le site n'était pas totalement responsive et la navigation restait trop basique pour le contenu à valoriser.

L'objectif : alléger le bruit visuel, laisser les projets respirer, et poser une structure capable d'évoluer avec le studio.
Page d'accueil originale de Barré Studio — damier et couleurs saturées
Page À propos originale de Barré Studio
Page À propos — une personnalité forte, mais envahissante
Page Contact originale de Barré Studio
Page Contact — rayures et motifs qui se disputent l'attention
Page Projet originale de Barré Studio
Page Projet — mise en page basique, structure limitée

Trouver le juste équilibre entre personnalité et clarté.

La cliente avait une vision claire — elle savait ce qu'elle voulait. La recherche UX s'est donc concentrée sur une analyse concurrentielle de studios créatifs similaires et sur la création d'un moodboard pour définir la nouvelle direction visuelle.

Trop de personnalité

Les motifs et couleurs qui définissaient la marque étouffaient le travail lui-même. Les visiteurs n'arrivaient pas à se concentrer sur l'essentiel — les projets.

Neutre avec du caractère

L'analyse concurrentielle a montré que les meilleurs portfolios créatifs reposent sur une base neutre et épurée, avec des touches de personnalité bien placées — et non l'inverse.

De la place pour grandir

L'architecture existante du site était plate et ne pouvait pas accueillir les nouvelles pages ou catégories de projets dont le studio avait besoin.

Moodboard pour la refonte de Barré Studio

Placeholder — image du moodboard à venir

L'insight clé

L'identité du studio ne devait pas disparaître — elle devait être maîtrisée. Au lieu de motifs partout, on les utiliserait comme accents intentionnels qui renforcent la marque sans détourner l'attention du travail.

La direction du redesign est devenue évidente : une toile neutre et sophistiquée avec des touches soigneusement placées de l'audace signature du studio.

Du chaos à la clarté en quatre étapes.

01

Architecture de l'information

Restructuration du sitemap pour accueillir de nouvelles pages — book, pages projets individuelles, et une séparation plus claire entre services et portfolio.

02

Wireframes

Conception de wireframes low-fi pour définir la mise en page et la hiérarchie du contenu. Le but : laisser les images s'exprimer.

03

Design visuel

Création d'un design system épuré dans Figma — palette neutre avec des accents de couleur signature. Chaque motif et élément marqué a désormais un but.

04

Prototypes responsive

Conception de prototypes hi-fi pour desktop et mobile, pour que l'expérience fonctionne parfaitement sur tous les écrans.

Une scène plus épurée pour un travail plus audacieux.

Le site redesigné met les projets de la directrice artistique au premier plan. Une mise en page neutre et élégante laisse chaque projet briller, tandis que des accents de marque soigneusement placés gardent la personnalité du studio bien vivante.

Page d'accueil redesignée de Barré Studio
Homepage — visuel à venir
Page Projet redesignée de Barré Studio
Page Projet — visuel à venir
Page À propos redesignée de Barré Studio
Page À propos — visuel à venir
Page Book redesignée de Barré Studio
Page Book — visuel à venir
Vue mobile de Barré Studio
Vue mobile — visuel à venir

Projet suivant

Péculéo — Une appli d'épargne simple et mignonne

Aider les utilisateurs à épargner sans effort tout en restant motivés.

Voir l'étude de cas →