Opus Studio

Une vitrine interactive pour un studio créatif.

Opus Studio aide les entreprises à bâtir des marques fortes et des sites qui performent. Pour un studio, le site est la première preuve de son talent : j'ai conçu une vitrine radicale, avec une typographie imposante, des projets mis en scène comme dans un magazine et des offres faciles à comparer.

Type
Site d'agence & identité digitale
Année
2026
Mon rôle
Identité visuelle, animation et UX/UI
Réalisé avec
Framer
Page d'accueil d'Opus Studio : les mots « Studio Opus » en lettres noires géantes sur fond blanc, à côté d'une image abstraite de vagues grises et blanches.

01Le point de départ

Un studio créatif se juge sur son propre site

Avant de confier sa marque à un studio, on regarde son site. Opus Studio avait besoin d'une vitrine à la hauteur de son savoir-faire : une image forte dès le premier écran, des projets qui donnent envie d'en voir plus et un chemin simple jusqu'au premier contact.

  • Une identité qui marque dès le premier écran
  • Des projets mis en scène, pas simplement listés
  • Des offres claires pour choisir sans hésiter
  • Un site aussi fluide sur téléphone

02La direction artistique

Minimalisme radical et typographie imposante

Du blanc, du noir et un seul bleu électrique. Le nom du studio s'affiche en lettres géantes, des images abstraites apportent de la matière, et le bleu est réservé aux détails qui guident : le menu, les badges, les flèches et les chiffres clés.

Couleurs

  • Bleu Opus#0048FA
  • Noir#000000
  • Perle#F3F3F1
  • Ardoise#2E333D

Principes

  • Typographie massiveLogo et titres
  • Espace blancChaque bloc respire
  • Un seul accentLe bleu guide l'œil
  • Images abstraitesFormes et matières

03La vitrine

Des projets en quinconce, comme dans un magazine

Les réalisations cassent la grille habituelle : les projets alternent à gauche et à droite, à des hauteurs différentes, chacun avec son grand visuel, son nom et ses étiquettes. Le regard circule naturellement d'un projet à l'autre, et chacun a la place de briller.

Sur téléphone, les projets s'empilent en gardant leurs grands visuels.

La section « Nos projets récents » d'Opus Studio : le titre, puis les deux premiers projets, décalés en hauteur, chacun avec un grand visuel.
La section « Nos projets récents » d'Opus Studio sur téléphone : le titre, puis le premier projet, Arrows, avec ses étiquettes.
Les réalisations en quinconce, sur ordinateur et sur téléphone.

04Les offres

Trois offres claires, une seule mise en avant

Pour simplifier la décision, les trois offres se présentent côte à côte, avec les mêmes rubriques : prix, échanges, équipe et contenu. Un badge « Populaire » met en avant l'offre du milieu, et un interrupteur mensuel ou annuel montre l'économie de 20 %.

Section des tarifs d'Opus Studio : trois offres (Essentiel, Croissance, Sur-mesure), celle du milieu marquée « Populaire ! », et un interrupteur mensuel ou annuel.
Les mêmes rubriques pour chaque offre : on compare d'un coup d'œil.

05Le mobile

Aussi percutant sur un écran de téléphone

Sur téléphone, Opus garde tout son caractère : le nom du studio reste immense, les chiffres clés ressortent en bleu et chaque section se réorganise pour se lire d'un seul pouce, des projets aux tarifs.

Deux téléphones affichent le site d'Opus Studio : à gauche, la vision du studio et ses chiffres clés en bleu ; à droite, l'accueil avec « Studio Opus » en très grand.

Ils m'ont fait confiance

99+ Clients satisfaits

Ce projet vous inspire ?
Réservez un appel découverte gratuit.

Planifier un appel
Logo monogramme minimaliste en forme de lettre A stylisée noire avec un contour blanc, représentant l'identité visuelle d'Ayoub Chouaf.

AyoubChouaf

Appelez-moi