Flowdesk — website concept for a SaaS startup

SaaS sells something visitors can’t touch before they sign up. And small-business owners arrive skeptical: “A CRM is complicated, expensive and takes three months to roll out.” A typical startup site answers with abstract slogans, stock screenshots and a wall of “trusted by” logos a young product doesn’t have yet.

The concept had to prove a website can sell the product without a demo call:

• show the product in action — not promise “everything in one place”, but let visitors watch an inquiry from a messenger turn into a paid deal;
• speak the customer’s language — the messengers, banks and delivery services they already use instead of “omnichannel”;
• transparent pricing — per-seat plans, a calculator for your team size and an honest plan comparison;
• ease worries about data — where the servers are, how backups work, who sees what, and whether you can leave with your data;
• drive trials — the key metric is trial starts, not “consultation requests”.

One constraint: no fake reviews and no borrowed logos. Trust had to come from the product itself and from specifics.

The idea — a page that works like the product. A dark interface with hairlines, gradient glow and monospaced labels — the visual language SaaS buyers know from Linear and Stripe. But instead of static screenshots everything is built in live HTML/CSS, so the interface stays crisp on any screen and weighs kilobytes.

The hero is a full CRM mockup for an online store: deals move from “New” to “Paid” with smooth FLIP animation, notifications arrive from the messenger and the bank, and the revenue counter and chart update after every payment. On scroll, the tilted 3D mockup settles flat.

Interactive selling points:

• “Chaos → flow”: 12 scattered messages from messengers, notes and the bank line up into a pipeline with one click — the pain and the fix in two seconds;
• a bento grid of seven modules, each with its own animation: a chat becomes a deal, an invoice becomes a payment, a shipping label “prints” itself;
• use cases instead of testimonials: an online store, a flower studio, a beauty salon and a service company, each with pipeline stages and automations;
• “Connect tonight, work tomorrow”: three onboarding steps on an animated timeline — the answer to “it takes three months”;
• pricing with a monthly/yearly toggle, a seat calculator, hints when another plan is cheaper, and a collapsible comparison table that shows one plan at a time on mobile — no horizontal scrolling;
• a trial form with a live workspace preview: the company name instantly becomes a subdomain, and the selected channels become connected integrations;
• a Ctrl/⌘K command palette, just like in a real product.

Trust without make-believe: security is explained concretely (encryption, EU servers, backups, roles, export at any time), and a live activity log shows what it looks like inside.