FlowMetrics AI — SaaS Analytics Landing Page | Designed in Figma to Convert Free Trials Overview:...FlowMetrics AI — SaaS Analytics Landing Page | Designed in Figma to Convert Free Trials Overview:...
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
FlowMetrics AI — SaaS Analytics Landing Page | Designed in Figma to Convert Free Trials
Overview:
FlowMetrics AI is an AI-powered analytics platform concept I designed in Figma. The goal was simple: turn complex data into a landing page that makes founders and teams want to start a free trial immediately.
The Problem:
Most SaaS analytics sites look boring and technical. They scare non-technical users away. The client needed a design that feels premium, trustworthy, and easy to understand, even with complex features like AI forecasting.
My Role: Figma Product Designer
I handled everything from wireframe to final visual design.
The Solution:
I designed a dark, conversion-focused landing page with 4 key sections:
Hero with Dashboard Preview: Instead of just text, I showed the real product — Revenue, Active Users, Conversion Rate, and a live Revenue Trend graph. Client sees value in 3 seconds.
Simple Pricing Section: 3 plans — Starter ($29), Pro ($79 - Most Popular), Enterprise (Custom). No confusion. Clear features like "AI Forecasting & Insights" and "Custom dashboards" to push users to Pro.
Feature Bento Grid: I used a modern bento box layout for AI Forecasting, Team Collaboration, Custom Dashboards, Security & Compliance. Easy to scan.
Social Proof: Testimonial from Sarah Chen (Head of Growth) + "Trusted by 1,000+ teams" with logos. Builds instant trust.
Tools Used: Figma, FigJam (for wireframing), Stark (for accessibility check)
Result:
A clean, premium SaaS design that is ready for development in Framer / Webflow. This layout is proven to increase free trial clicks because it shows the product, not just talks about it.
Want a similar landing page for your SaaS? Let's chat.
A look at the identity we designed for Vetti, a dog health monitoring brand.
There’s a lot of data behind a product like this but the person using it just wants to know their dog is okay.
That’s the balance in the design with a connected dot system that feels precise and warm colors and photography that keep it close to what people care about.
Also, an excellent excuse to spend far too long choosing dog photos.
Really nice balance between data-driven technology and the emotional side of pet care. The connected dot system is a great way to make something technical feel approachable, and the warm photography really brings the brand closer to the pet owners.💯