The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Aperture Cinematic Interiors
A scroll-triggered architectural showcase built for a residential design studio. Instead of a static portfolio grid, visitors "walk" through a house the camera moves room to room as they scroll, with video-driven transitions instead of static images.
What it solves: Architecture firms often struggle to translate spatial experience into a flat web page. Photos and floor plans tell you what a space looks like, not what it feels like to move through it. This site turns the scroll bar into a camera dolly, so the sequence of light, threshold, and volume the actual experience of the building becomes the interface itself.
What's inside:
Full-bleed cinematic video/scroll-sync hero sequence
Sectioned narrative flow Approach → Process → Selected Work → Available Residences
Stats bar, project grid, listings with pricing/specs, and a client testimonial block
Responsive, minimal, editorial typography built to feel like a design monograph, not a template
Built for: boutique architecture and real estate studios who want their site to read as a portfolio piece in its own right not just a listings page.
If you're an architecture, interior design, or luxury real estate brand and want a site that actually shows the work instead of listing it let's talk.
🔗 Live: aperture.munain605.workers.dev
Turning the scroll bar into a camera dolly fits an architecture portfolio really well. I’d make the reduced-motion version a deliberate still-image sequence, so visitors who disable animation get the same walkthrough.
Good catch right now reduced motion just disables the animation, so that walkthrough is lost entirely for those users. A still-image sequence at the same scroll points is the right fix same room-by-room story, just snapped stills instead of eased motion. Adding it to the list
That should preserve the room-by-room story nicely. I’d test it with keyboard scrolling too, since the jumps between fixed stills can feel sharper there than with a trackpad.
Good point keyboard scroll jumps between fixed points, so those transitions need their own easing (a quick fade or short transition on each still) rather than relying on scroll-linked motion. I'll test that specifically before shipping it
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
I created “THE LAST 30 SECONDS,” a cinematic historical action short designed to feel like a high-budget movie trailer compressed into 30 seconds.
Instead of focusing on flashy AI visuals alone, I built the piece around a strong narrative hook: a wounded warrior is moments away from execution when a mysterious armored fighter arrives and challenges him. The confrontation escalates into a reveal that changes everything — the stranger is his older self, returning from the future to stop the younger version from becoming the man who starts the war.
I wanted to push Seedance beyond simple visual spectacle and use it for cinematic storytelling, realistic action, character consistency, atmosphere, performance, and tension.
The goal was to make every shot serve the story while keeping the pacing intense enough to hold attention from the first frame to the final reveal.
Created with a focus on cinematic direction, AI-generated action, visual continuity, realistic environments, character consistency, sound design, and final editing in CapCut.
