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
Had so much fun building The Halcyon!
When design and motion align just right, the end product just feels effortless. We focused heavily on giving this project a clean, high-end feel through intentional spacing, fluid scrolling, and crisp interactive details.
Quick Highlights:
Bespoke UI/UX design focused on visual clarity
Smooth motion interactions and video integration
Fully responsive and optimized for peak cross-device performance.
Have a design in mind? Just share it, and I will build it. Hit me up on Contra and let's get started!🎸
professional work
Thank you Fatima
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
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
I had this idea stuck in my head for a while...
What if scrolling through a website felt more like controlling the camera in a cinematic Ferrari commercial?
So I decided to build it.
The hero section starts inside the cockpit. As you scroll, the camera moves through the windshield, circles around the Ferrari, and finishes behind the car all controlled by your scroll.
Getting it to feel smooth was the biggest challenge. Scrubbing a video directly didn't deliver the experience I wanted, so I switched to a frame by frame approach instead. It took a bit more work, but the result feels much more natural and responsive.
This is the kind of experience I love building where motion isn't just there to look cool, it becomes part of the storytelling.
You can try the live demo here:
https://pure-velocity-sculpt.base44.app
I'd genuinely love to hear your thoughts. 👇
#WebDesign #LandingPage #UIDesign #UXDesign #MotionDesign #CreativeCoding #ScrollAnimation #AI #WebDevelopment #Awwwards
Okay this is such a fun concept, scrolling as camera movement instead of just scroll-triggered fades. Frame by frame instead of scrubbing video is a smart workaround. Did you run into any performance issues getting it smooth on lower-end devices?
Terra — Natural Deodorant Landing Page
A premium short one page concept for a natural deodorant brand, designed around earthy textures, cinematic moss photography, and a refined editorial layout.
I used deep forest greens, warm ivory tones, elegant serif typography, and immersive product imagery to give the brand a more elevated and luxurious presence. I'm still building it.
Responsive layout for desktop and mobile, designed and built in Framer.
#Framer #WebDesign #LandingPage #BrandDesign #EcommerceDesign #UIDesign #CreativeDirection #NaturalSkincare
Meet SRC.
This has been such a crazy website to build, and I’ve loved every minute of it.
It’s not meant to be perfect. It’s meant to be a gallery of weird, experimental ideas. I wanted to combine minimalism with bold design and more complex components to create something that feels different.
It’s still a work in progress. Although it’s live, I’m constantly developing, refining, and adjusting it.
For now, here’s another sneak peek before I show the whole project.
Let me know what you think!
Amazing work👏🔥🔥