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
NOCTURNE: Where Storytelling Meets Motion.
Not just a website. A cinematic digital experience. 🎬
Excited to share NOCTURNE, my latest cinematic website design and animation project.
Designed in Figma and brought to life through motion, NOCTURNE explores the intersection of cinematic storytelling, modern UI/UX, and immersive web experiences.
Inspired by the timeless atmosphere of film noir, this concept combines bold editorial typography, monochromatic visuals, atmospheric imagery, and smooth transitions to create a memorable digital journey.
✦ Project Highlights
Cinematic Website UI/UX Design
Bold Editorial Typography
Black & White Minimalist Aesthetic
Smooth Scrolling Animations
Interactive Storytelling & Transitions
Immersive Hero Section
Creative Layouts & Visual Hierarchy
Character & Story Showcase
Design Tool: Figma, Framer
Expertise: UI/UX Design | Creative Web Design | Motion Design | Landing Page Design | Digital Experiences
🚀 Let's Create Something Extraordinary!
Available for Freelance Projects & Creative Collaborations.
Are you a brand, startup, creative agency, or business looking for a distinctive website or engaging digital experience?
I can help transform your ideas into visually compelling and modern UI/UX designs.
Which use of the tool
I designed the complete UI/UX in Figma and used GPT-6 Astra to help bring the website to life with smooth animations and interactive elements. Thanks for your interest!
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
Related posts
For Ranch University, I designed and built a custom Kajabi website and course platform + community around ranch ownership and life on the land.
Earthy colors, ranch photography, and spacious layouts carry through the site, membership pages, and course presentation. I also handled the course structure and offer setup behind the scenes.
We kept zooming in on a planet until it didn't fit on the phone.
A ringed gas giant grows until it fills the whole screen and lands on a deep boom. It's drawn in text characters, one per cell, against black space.
It's 11 seconds, and the sound is ours too.
What should we fly past next?
The whole code garden: https://contra.com/p/oRob3r7o
https://givemeprompts.com/lab/
Mary Holt© is currently ranked #1 among Agent Templates on the Framer Marketplace! 🏆
For those who haven't checked out the new Agent Templates yet, they come with dedicated AI skills, a Design System page, and video tutorials to help users customize and extend the template using the Framer Agent.
Mary Holt© currently includes 4 custom skills, making it easier to build new sections, customize existing components, and keep everything consistent with the original design system.
I'm not sure how long it'll stay at #1 as more creators start converting their templates, but it's exciting to see it there!
