The Overview

From concept to code

Noir & Velvet

Brand/Website Design & Coding

Boutique Arthouse Cinema

This is an end-to-end project where I created both the brand and digital experience from scratch, a boutique arthouse cinema concept translated into a fully coded 5-page responsive website (HTML/CSS). As an extension, I introduced an “Events” page featuring a special concept where I designed an illustrated poster inspired by Morag Myerscough’s visual language and style. This allowed me to integrate illustration into the project in a purposeful way, connecting brand, digital experience, and visual exploration within one cohesive system.

The Challenge

How to build trust, create structure, and enable growth when entering a new, low-trust market?

Concept icon

The Concept

Create a name, logo, and visual identity for a boutique dinner theater that capture the golden age of cinema while still feeling relevant for a modern audience. The experience had to feel classic, curated, and distinctive from traditional theaters.

Target market icon

Target Market

Design for more than one type of visitor: cinephiles, nostalgia-driven guests, creatives, couples, and younger moviegoers looking for a unique night out. The brand needed to feel premium, but still inviting.

Insight icon

The Insight

Cinema is not just about movies, it’s about the experience around them.

Role icon

The Role

  • Brand + concept
  • UX/UI
  • Structure & navigation
  • Coded the website (HTML & CSS)
  • Designed for desktop and mobile
Approach icon

The Approach

I started with the idea, not the screens.

  • Define the concept
  • Build the brand
  • Organize the experience (movies + dining)
  • Keep it simple and clear
  • Then bring it to life in code
Exploration icon

The Exploration

I explored how to turn a physical cinema experience into digital:

  • Vintage cinema + art deco inspiration
  • Moodboards and visual direction
  • Layouts for menu, movies, and showtimes
  • Wireframes for desktop and mobile
  • Balancing style and usability was the key

The Highlights

A quick look into the experience

Selected frames capturing the project’s essence, from concept to a cohesive digital experience.

Noir & Velvet Cinema highlight 1
Noir & Velvet Cinema highlight 2
Noir & Velvet Cinema highlight 3
Noir & Velvet Cinema highlight 4
Noir & Velvet Cinema highlight 5
Noir & Velvet Cinema highlight 6
Noir & Velvet Cinema highlight 7
Noir & Velvet Cinema highlight 8
Noir & Velvet Cinema highlight 9
Noir & Velvet Cinema highlight 10
Noir & Velvet quote section artwork

The Results

What the project delivered

A clear concept translated into a complete brand and responsive digital system.

Brand System

Identity with a point of view

A distinct name, visual direction, and tone shaped to feel cinematic, premium, and memorable without becoming distant or overly traditional.

Digital Experience

Fully coded responsive website

A 5-page HTML/CSS website designed for desktop and mobile, organizing films, dining, showtimes, and navigation into a clear, polished experience.

Extension

One cohesive world

The events concept and illustrated poster expanded the project beyond the website, connecting brand storytelling, illustration, and interaction into one system.

The Reflection

Lessons from designing for atmosphere

Velvet forced me to think about design as an experience that exists before the user clicks anything. The brand had to feel like walking into a dimly lit room with velvet curtains, and every pixel had to earn that mood.

Brand Experience

Atmosphere is a Design Deliverable

The most powerful thing a brand can do is make you feel something before you understand it. Velvet taught me to design for sensation first, then layer in meaning, hierarchy, and function.

Content UX

Curation is Its Own Form of Storytelling

What you choose not to show is as important as what you do. An arthouse cinema brand lives or dies by editorial restraint, showing too much destroys the mystique that makes the experience worth seeking.

Visual Direction

Dark Design Requires a Different kind of Discipline

Working within a dark palette means every element of contrast, glow, and texture carries more weight. There's no white space to hide mistakes, every decision is visible, and intentionality becomes non-negotiable.