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
AI-Powered Lead Automation Website for a Real Estate AI Startup
Built a full marketing site for a startup selling AI voice + chat automation to real estate agencies — the kind of project where the design had to sell "AI that never sleeps" before a single line of copy did.
The challenge:
The client's pitch was simple but the proof had to be visual: leads get missed after hours, after open homes, and in cold databases — and their AI catches all three. The site needed to feel alive — like the AI was actually running in the background — not just describe automation with a static hero image.
What I built:
A dark, glass-morphic hero with a live animated 3D AI avatar (Three.js) that reacts and pulses, paired with a custom cursor and magnetic buttons for a premium, "always-on" feel
Animated counters and a scrolling proof ticker (GSAP + ScrollTrigger) that reveal results and capabilities as you scroll, instead of dumping everything above the fold
A "Problem" section built around four real numbered failure points agencies actually experience (late-night enquiries, open-home follow-up, vendor nurture, database reactivation) — each paired with how the AI solves it
A live embedded chat bot demo panel plus a placeholder for a voice bot demo, so prospects could try the product instead of reading about it
A 4-step "how it works" process timeline and a results section translating automation into business outcomes (more appraisals, faster response time, always-on coverage)
Full mobile responsiveness and a booking-call CTA wired straight into their CRM funnel
Stack: Semantic HTML5 with a token-based CSS architecture (custom properties, fluid typography, CSS Grid) for a maintainable design system; GSAP + ScrollTrigger driving the scroll-based motion; Three.js/WebGL powering the real-time 3D avatar; vanilla ES6+ for interaction logic (no framework overhead); integrated with a CRM booking API for lead capture and routing.
The result: A site that doesn't just claim "AI that never misses a lead" — it demonstrates it, from the first scroll to the live chat demo, giving the client a genuinely differentiated landing page in a market full of templated agency sites.
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
Most music school websites play it safe.
Seven # Nine doesn’t.
The idea was simple: a website about music should have some rhythm of its own. Big typography, black-and-white photography, sharp red accents, and interactions that constantly change the pace as you scroll.
I developed the complete template in Webflow, including study programs, a CMS blog, applications, FAQs, and all the smaller pages needed to make it launch-ready.
Probably one of my favorite templates to move through, not just look at.
Looks great
Designing OVA: Translating Sound into Motion
Designing the visual identity and web experience for OVA was all about taking something completely invisible: sound, AI, and futuristic energy, to give it a bold, tangible visual form.
The Idea & Inspiration
It all started with one simple question: What does sound look like when it moves? I wanted to capture that magic spot where human emotion meets generative AI. Drawing inspiration from real-time audio visualizers and fluid dynamics, every gradient, wave, and curve in this system was built to mimic audio ripples moving through space.
The Challenges and solutions:
Making Static Graphics Feel Alive: Audio is pure motion, but static screens can easily feel flat. The trick was creating visual rhythm through fluid shapes and high-contrast gradients so the identity felt energetic without needing heavy video files that bog down site performance.
Futuristic, But Still User-Friendly: AI branding can quickly slide into generic sci-fi tropes. To keep it grounded, I paired an electric blue and neon purple palette with clean, spacious UI, readable typography, and straightforward navigation.
Putting the Tech Together: Embedding custom 1440px canvas layouts, interactive Spline 3D scenes, and responsive Framer builds into a seamless portfolio view took a lot of trial, error, and breakpoint tweaking but getting that full-width desktop feel was totally worth it.
At its core, OVA is a minimal, modern showcase of what happens when design, music, and artificial intelligence hit the exact same frequency.
Love how you translated something as intangible as sound into the whole visual language. The gradients and fluid forms really make it feel like it’s moving even when it’s static. Really loved how this turned out!
The skincare brand needed a website that could communicate the benefits of its natural ingredients while making a large product range easy to explore. Without a clear structure, strong product presentation, and trust-focused content, visitors can struggle to understand which products are right for them.
Designed a clean, nature-inspired ecommerce experience with a soft botanical color palette, premium product photography, clear product categories, ingredient-focused storytelling, customer results, and streamlined shopping flows. The layout also highlights the brand’s sustainability, skincare philosophy, collections, and customer reviews.
A polished skincare storefront that feels natural, trustworthy, premium, and easy to shop, giving customers a clearer path from discovering the brand to exploring products and making a purchase.
Nice projection of the design