NOIR/STUDIO — Concept Website Design

Concept project. NOIR/STUDIO is a concept website created to explore a bold, premium digital direction for a creative studio. The aim was to combine high-contrast visuals, confident typography, and cinematic interaction in a Framer experience.

Identity

The brief was to create a dark, cinematic studio website that feels refined, memorable, and easy to navigate. The design needed to present creative work with a clear hierarchy while keeping the experience responsive across devices.

Process

Services

I started in Figma, exploring typography pairings, color systems, and layout structures suited to a luxury creative brand. The visual direction uses high-contrast dark aesthetics, bold type, and generous whitespace.

I then built the experience in Framer, using smooth scroll animations, hover states, and transitions that support the visual direction without slowing the experience down.

Selected works

Dark-mode-first design to reinforce the premium, editorial tone

Bold typographic hierarchy to guide the eye through the content

Micro-interactions and scroll-based animations built natively in Framer

Responsive layouts designed for desktop, tablet, and mobile

This concept demonstrates my approach to designing and building a cinematic Framer website for a creative studio, from visual direction in Figma to responsive implementation and interactions in Framer.