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
Title: Saasty — Premium SaaS Landing Page Presentation
Description: A premium mockup presentation for a SaaS analytics landing page — designed to showcase the product the way top SaaS brands present their work.
The goal here wasn't just designing the landing page, but presenting it in a way that builds instant credibility — the kind of visual that makes a founder stop scrolling and think "I want my product to look like this."
What went into it:
Full landing page design — hero, dashboard mockup, features, testimonials, integrations
Premium product presentation with cinematic lighting and depth
Clean, minimal composition so the actual product stays the focus
Consistent visual language across every section — spacing, hierarchy, and color all working together
Tools used: Figma → Framer
I design and present SaaS products the way premium brands do — because how you show your work matters as much as the work itself. Open to new SaaS, dashboard, and landing page projects.
Tags:
SaaS Design, Landing Page Design, UI/UX Design, Product Presentation, Framer Development, Web Design, Mockup Design, B2B SaaS, Figma, Premium Branding
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
Vestris — from ratified contract to closing-ready, on autopilot
Just wrapped one-week sprint designing the landing page for Vestris, a YC S26 startup automating mortgage title & closing work. Sharing the process because a few things about it were genuinely different from a typical SaaS landing page project.
The brief
Vestris automates the unglamorous middle of a real estate closing — chasing documents, prorating taxes, drafting closing disclosures, coordinating between lender/agents/title company. The founder wanted the site to feel "homey," not like enterprise software — because the buyers here are mom-and-pop title companies, not enterprise IT departments.
Process
2 hero concepts tested in parallel (a quieter parenthetical headline vs. a bold full-width one), each with copy variants, sent as a single comparison sheet rather than one "final" direction — let the founder react to real trade-offs instead of guessing what I meant.
Redesigned the site's core interactive block — an 11-step "how it works" breakdown — three separate times based on live feedback: first a desktop accordion, then a mobile-specific pass (accordions don't compress well under ~380px), then a full restructure into a 2×2 grid after the client flagged the original zig-zag layout for being "repetitive and too long to scroll."
The illustrated hero background (watercolor countryside, cottage) needed to dissolve into the brand's cream background at the edges — but a standard blur/gradient looked flat next to the painterly art style. Built a small custom tool (canvas + JS) that applies ordered Bayer dithering to fade the illustration into the background color pixel-by-pixel instead of blending — it reads as grain, not gradient, and matches the hand-painted texture instead of fighting it. Turned it into a reusable tool with adjustable fade area, blur radius, dot size, and a transparent-overlay export, so it's not a one-off script.
Figma for design, Framer for the build, custom canvas/JS tooling for the image-edge treatment, Midjourney for the base illustrations.
vestris.ai — live now.
I honestly clicked because I saw your name. The process was just as interesting as the final result.
Pipeline view of an agentic fundraising prototype for an AI client built in Framer. Rendered in Ultramock.
I had Claude build out ~800 rows (~50 columns) of dummy contact data in supabase with varying degrees of lead enrichment and match scoring to simulate a live DB connection.
Really enjoying using Claude x Framer. Its truly a superpower for building simulation engines like this.
800 rows of dummy data for a proto, madness
Title: Portal VR — Motion-First Hero Section That Sells in 3 Seconds
Description: Most landing pages explain the product. This one sells it before the visitor even finishes reading.
A fully animated hero section for a VR product launch — designed on one rule: if it doesn't grab attention in the first 3 seconds, it's dead on arrival.
Why it works:
Motion instead of a static image — the eye has no choice but to follow it
Cyberpunk visual identity — bold orange/blue contrast that feels premium, not generic
Copy that hits in 5 words or less — no fluff, no over-explaining
One CTA. Zero distractions. Zero decision fatigue for the visitor. This is what a hero section should do: stop the scroll, sell the vision, and get the click — all before the fold.
Tools: Figma → Motion Design
I build landing experiences that don't just look good — they move people to act. Currently taking on select VR, gaming, and futuristic product brands.
Tags:
Motion Design, Hero Section, Landing Page Design, UI/UX Design, Cyberpunk Design, VR Design, Web Design, Animation, Product Design, Framer Development
Love the bold use of cyberpunk colors! How do you decide on the perfect motion elements to capture attention so quickly?