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
PULSE — AI Analytics SaaS Landing Page
A concept landing page for an AI-powered analytics platform built with Three.js, GSAP, and Vite.
The hero features a 2,000-particle WebGL sphere with real-time mouse parallax. As the user scrolls, a smaller particle ball detaches from the hero and travels across sections — shifting color, dissolving into a background halo under the pricing cards, then reassembling. Built on a separate overlay renderer with a static camera and viewport-fraction coordinates to keep positioning pixel-perfect across all screen sizes.
Stack: Three.js · GSAP ScrollTrigger · Vite · Vanilla JS
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
Most AI SaaS landing pages look exactly the same.
Blue gradients. Abstract shapes. Zero personality.
So for Flowgen — an AI workflow tool — I did the opposite.
A cinematic hero. Warm amber atmosphere. A lone astronaut walking toward a massive planet.
The headline does the rest:
"Go further with AI that works for you."
No gimmicks. Just strong visual storytelling that makes you feel the product before you read a word.
Dual CTAs. Social proof bar. Clean navigation.
Designed to convert from the first scroll.
If your AI or SaaS product deserves a landing page that actually stands out — let's build it.
📩 Message me on Contra.
#SaaSDesign #AILandingPage #FramerDesign #UIDesign #WebDesign #Contra #LandingPage #BuildInPublic #FigmaToFramer
Qualified Work, Nicely done!
AI Image Generator SaaS Landing Page & Dashboard Design
Project Description:
ImagiNest is a cutting-edge SaaS platform designed to bridge the gap between imagination and digital art. The goal of this project was to create a visually striking, high-converting landing page paired with a functional, data-driven dashboard for seamless AI asset generation.
I focused on a "Future-Dark" aesthetic, utilizing deep tones and vibrant neon accents to resonate with the creative tech community. The design ensures that while the visuals are "stunning," the user experience remains simple and intuitive.
Key Design Highlights:
Conversion-Optimized Hero Section: A bold, prompt-focused interface that encourages immediate user interaction and "activation."
Advanced Dashboard UI: Designed a clean, dark-themed workspace with a structured layout for prompt history, plugin management (GPT-4), and multi-category generation (Code, Text, Image, UI).
Dynamic Visual Hierarchy: Used glowing elements and grid patterns to create depth, ensuring the "AI vibe" feels premium and modern.
Component-Based Architecture: Built with a fully scalable design system in Figma, making it ready for high-quality developer handoff.
Very good
I designed and developed a modern SaaS landing page focused on promoting a software product with a clean and professional interface.
The landing page is built to highlight product features, benefits, and pricing in a clear and structured layout. It is fully responsive and optimized for all devices.
Built using React and modern frontend technologies, this project ensures fast performance, smooth navigation, and a conversion-focused design to help attract and convert potential users.
Really like how clean and engaging this feels. If someone wanted to reach this level, what would you say makes the biggest difference in your process?
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?