Flowmind - AI SaaS Website Built in Webflow

Flowmind - AI SaaS website built in Webflow

A concept marketing site for an AI meeting assistant that turns conversations into assigned action items. Designed and built end-to-end in Webflow with Client-First naming, a variable-based design system, and a CMS blog.

A product mockup built in code, not a stock image

The hero shows the product in action: a live meeting transcript on the left and extracted, assigned action items on the right. Built entirely in HTML and CSS, it stays sharp on every screen and loads faster than an image.

Features that speak to outcomes Six feature cards written around what the buyer gets, not what the software does. Each card uses the shared design tokens and a subtle hover state with the brand’s lime accent.

From calendar to completed in three steps A simple three-step story that removes setup anxiety. Each step pairs short copy with a small UI panel, so visitors understand the product without watching a demo.

Clear pricing with a recommended plan Three tiers with the Team plan highlighted as the default choice. Semantic lists, full-width buttons, and a layout that stacks cleanly on tablet and mobile.

Book a demo with a native Webflow form The page ends with a demo-request form built with Webflow’s native form block: labelled fields, autocomplete, required states, and custom success and error messages, with submissions collected in Webflow.

A blog powered by Webflow CMS A Blog Posts collection with categories, author, publish date and read time. The listing page is fully dynamic, so the marketing team can publish new articles without touching the design.

Article template built for reading Every post uses one CMS template: category, title, excerpt, and author details bound to collection fields, a comfortable reading width, and a call to action at the end of each article.

Designed for mobile from the start Typography, spacing, and layouts are tuned at every breakpoint. On a phone, the product mockup stacks into a single column so the story stays clear on a small screen.

Accessible mobile navigation A compact mobile menu built into the global Navbar component, so it updates on every page at once and works with touch and keyboard.

Mobile walkthrough The full mobile experience, from the menu to the final demo form. All animations respect the visitor’s reduced-motion setting.