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
BOLD BREW — 3D Scroll-Animated Coffee Landing Page ☕⚡
BOLD BREW is a premium cold-brew landing page concept built around a single 3D product that moves through the experience as you scroll.
The goal was to keep the product at the center while using warm tones, oversized typography, and smooth motion to create a cinematic, editorial feel.
Special attention was given to:
• a product-first hero with the 3D cup as the main visual;
• scroll-driven 3D animations that carry the product through the page;
• smooth transitions and lightweight assets for a fluid experience;
• responsive layouts that maintain the visual impact on mobile 📱;
• minimal UI and clear CTAs that keep the focus on the product.
Built with Next.js, React Three Fiber, TypeScript and Tailwind.
A simple coffee product, turned into an immersive digital experience. ✨
Have a product that deserves more than a static website? Let’s build it. 🚀
Good job
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
I built QuoteKit because quoting a project should not feel like guessing in public.
A client starts with a package, shapes the scope, chooses a timeline and explains what they need. QuoteKit turns those choices into a working estimate, a realistic range and clear reasons behind the price.
It works in English and French, adapts to mobile and gives both sides a summary they can copy, download or print.
I designed the product, pricing logic and interface for NexusHub Studio. It is a small tool with a simple goal: make the first client conversation clearer.
QuoteKit is available for 10 USD with a commercial license.
What would you want an estimator like this to explain before you send a quote?
Quote clearly. Start better.
Explaining the estimate turns pricing into a much clearer conversation.
Built it. It's live: Offseason Ghost
A fictional brand for a travel vlogger who never shows their face — not once, not even by accident. The scroll doesn't just reveal sections, it scrubs the actual hero video: you pull stillness into full-send velocity with your own scroll.
Concept, identity, motion system — all one weekend, all personal.
Website Design | UI/UX Design | Web Design
A modern website design concept focused on creating a clean, engaging, and user-friendly digital experience.
The design combines strong visual hierarchy, intuitive navigation, thoughtful spacing, and responsive layouts to create an interface that feels polished while keeping the user journey simple and clear.
From the overall page structure to typography, imagery, and calls-to-action, each element was designed to create a cohesive experience that works across desktop and mobile.
The spacing and hierarchy keep the experience approachable.