Mise en Scène

Expérience immersive pour un studio d’architecture

TYPE DE PROJET

Création de site Internet

COMPÉTENCES MOBILISÉES

UX / UI Design

OUTILS UTILISÉS

Figma, Protopie & AfterEffects

DATE DE CRÉATION

Janvier 2025

BRIEF & CONCEPT

du projet

Imaginez un site web qui redonne vie à l’image d’un studio d’architecture, en révélant toute la puissance de sa vision à travers une expérience digitale fluide, élégante et inspirante. L’objectif ? Offrir une refonte complète de son univers numérique : plus claire, plus forte, plus cohérente.

Le projet se compose de :

  • Un prototype statique (3 à 5 pages : accueil, listing, article, infos…) réalisé sur Figma, XD ou Sketch.

  • Un prototype interactif enrichi de micro-interactions, présenté via des mockups animés, pour donner vie à l’expérience utilisateur.

  • Un UI Kit complet réunissant tous les composants graphiques de l’interface : boutons, icônes, typographies, couleurs…

(01) Web design

J’ai conçu une interface web immersive et élégante pour refléter l’identité d’un studio d’architecture contemporain. Le design met en avant une navigation fluide, une typographie soignée et une palette de couleurs sobres, créant une expérience utilisateur harmonieuse et professionnelle. Des micro-interactions subtiles enrichissent l’interaction, tandis que des mises en page modulables présentent les projets architecturaux de manière claire et engageante.

(02) PALETTE DE COULEURS

La palette de couleurs est à la fois neutre et expressive, inspirée des matériaux architecturaux et des jeux de lumière naturelle. Les tons principaux — White Carrara et Code Gray — instaurent une base élégante et minimaliste, rappelant la pureté du marbre et la profondeur des structures bétonnées. Pour souligner certains éléments clés de l’interface, des accents Indian Khaki et Carrara viennent apporter une touche de chaleur et de contraste subtil, renforçant ainsi l’identité graphique tout en conservant une esthétique raffinée et contemporaine.

(03) TYPOGRAPHIE

La combinaison typographique choisie allie caractère et clarté. IvyPresto Display, avec ses courbes élégantes et son allure éditoriale, apporte une touche de sophistication aux titres, tandis que Praxis Next assure une excellente lisibilité pour le contenu général grâce à ses formes modernes et équilibrées. Ce duo typographique crée un contraste harmonieux à lafois expressif et fonctionnel.

(04) logotype
J’ai conçu une signature typographique sobre et distinctive autour du nom « mise en scène », renforcée par la mention « since 2017 » pour affirmer l’identité et l’ancrage du studio d’architecture. La forme de cette typographie éditoriale confère au logo une élégance intemporelle, tout en affirmant un caractère affirmé et contemporain.
(05) interactions & prototypage

Discutons ensemble

Pour toute collaboration ou opportunité professionnelle, n’hésitez pas à me contacter. Je vous répondrai dans les plus brefs délais.

Mayline Buoy – © 2025