(14)Web
FlowSync
A concept landing page for a workflow automation and analytics product for teams.
- Company
- Concept
- Role
- Product Designer
- Year
- Concept
- Type
- SaaS · Web concept
01Overview
A short, classic SaaS structure: what it does, what you get, who already uses it, and what it costs. The headline and the free trial do most of the work; the rest of the page removes doubts.
02My role
Product Designer
- Page structure
- Visual direction
- Desktop layout
03The challenge
A SaaS landing page that gets to the point.
- 01Say a lot in little space
- 02Make pricing easy to compare
04Approach
4.1
A short SaaS story
FlowSync is a concept for a workflow and analytics product. The page does five things in order: the promise and a free trial, what you get, who already uses it, what it costs, and a footer. The middle plan is the one that stands out.
05Key flows
5.1
The page, section by section
From the promise to the price, in five sections.
- 1Hero
- 2Features
- 3Testimonials
- 4Pricing
- 5Footer
06Design decisions
Trial first
Free trial and demo in the hero, no credit card required.
Middle plan highlighted
Starter, Professional and Enterprise, with the recommended one standing out.
Calm palette
Black and white with generous spacing, easy to scan.
07Outcome
A concept in keeping a SaaS story short and scannable.