Alexandra StudioBack to work

Modern House / Live cinematic prototype

Modern House Cinematic Website

The page moves the bureau presentation closer to a filmic portfolio experience: immersive hero, restrained copy, and a stronger visual entry point.

Open source link
Modern House cinematic website shown inside a laptop mockup scene
RoleDesigner + Developer
DisciplineWebsite design / cinematic hero / architecture positioning
SourceLive Vercel website
AttributionAgency work at Lex Wizhevsky Architects - Role: Designer + Developer

Website in motion

Video stays inside the case, separate from the cover image.

The cover gives a clean portfolio scene. The video below keeps the live site or screen loop available without forcing every case into the same device template.

Case materials

Case cover, source screen, and responsive proof.

Supporting boards separate the portfolio cover from source-backed desktop/mobile screens so the case remains clear and verifiable.

Modern House cinematic website generated website case cover
Generated portfolio case cover
Modern House cinematic website desktop website screen
Source desktop screen
Modern House cinematic website mobile website screen
Source mobile screen

Business case

Make the first contact with the brand feel more cinematic, memorable, and serious for private residence clients.

+33%first-screen recall

modelled from motion-led brand entry

1cinematic hero route

video-led entry supported by simple navigation

+24%perceived level

estimated from stronger visual differentiation

Figures are modelled targets based on funnel assumptions and benchmark analysis; they are not presented as verified live client analytics.

Context

A cinematic Modern House website prototype with a motion-led first screen and architecture positioning.

The page moves the bureau presentation closer to a filmic portfolio experience: immersive hero, restrained copy, and a stronger visual entry point.

Research

  • Mapped the first-screen question: what the visitor must understand before they are ready to contact.
  • Reviewed navigation depth, proof placement, media hierarchy, and the number of decisions before enquiry.
  • Separated commercial proof from decorative imagery so the website can support a higher-ticket service decision.

Strategy

  • Used motion as the first proof signal instead of a static decorative hero.
  • Kept navigation and action structure simple so the cinematic layer does not block enquiry.
  • Framed the website as an architecture-led experience rather than a generic service page.

Contribution

  • Cinematic website prototype.
  • Video-led hero treatment.
  • Responsive proof presentation.

Proof

  • Published Vercel URL is linked.
  • Live video source is used in the mockup screen.
  • Agency attribution is visible.

Local source: modern-house/site/vercel-static

Trust boundaries

  • Modern House brand ownership and final client claims remain agency work.