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
The hardest thing to design in any SaaS landing page is the How it Works section.
It needs to make a complex product feel simple. It needs to remove fear. And it needs to make the visitor believe they can actually set this up without a developer.
For Swiftly I designed a 3 step flow that takes the visitor from zero to running AI support — Connect Your Tools, Train Your AI Assistant, and Go Live and Monitor.
Each card was designed to do two jobs at once. The top half explains the step in plain simple language. The bottom half shows it visually — a tool integration diagram, an AI learning progress bar, and a live dashboard preview — so the visitor can see exactly what they are getting before they sign up.
Completely agree. The How It Works section often determines whether visitors feel confidence or friction. Simplifying perceived complexity is a massive conversion lever.
Most teams obsess over the hero section but the How it Works section is where the real conversion decision happens. If someone can't picture themselves using your product in 30 seconds they're gone.
Exactly. The hero captures attention — How It Works secures belief.
Excellent balance between explanation and demonstration. Each card educates, reassures, and sells at the same time a strong UX strategy for complex SaaS products.
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
Animated Bento Grid. What do you think?
Good work
Super!
Another wrap of 2026 🗻
built in Webflow, enhanced with GSAP, and integrated with Spline for custom 3D implementation
nice work
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?