Flowdesk — концепт сайту для SaaS-стартапу

SaaS продає те, чого відвідувач не може помацати до реєстрації. А власник малого бізнесу заздалегідь налаштований скептично: «CRM — це складно, дорого і впровадження на три місяці». Типовий сайт стартапу відповідає на це абстрактними слоганами, стоковими скриншотами й стіною логотипів «нам довіряють», яких у молодого продукту ще немає.

Концепт мав показати, що сайт може продавати продукт без демо-дзвінка:

• показати продукт у дії — не обіцяти «все в одному вікні», а дати побачити, як заявка з Telegram стає оплаченою угодою;
• говорити мовою клієнта — Telegram, Viber, monobank, Нова Пошта замість «омніканальності»;
• прозора ціна — тариф за користувача, калькулятор під свою команду і чесне порівняння планів;
• зняти страх за дані — де сервери, як бекапи, хто що бачить і чи можна піти зі своєю базою;
• довести до тріалу — головна метрика такого сайту: кількість запусків пробного періоду, а не «заявок на консультацію».

Окрема умова — жодних вигаданих відгуків і чужих логотипів: довіру мають будувати сам продукт і конкретика.

Ідея — «сторінка, що працює як продукт». Темний інтерфейс із тонкими лініями, градієнтним світінням і моноширинними підписами — мова, яку SaaS-аудиторія знає з Linear і Stripe. Але замість статичних скриншотів усе зібрано з живого HTML/CSS: інтерфейс чіткий на будь-якому екрані й важить кілобайти.

Перший екран — повноцінний мокап CRM інтернет-магазину: угоди самі переходять із «Нових заявок» в «Оплачено» з плавною FLIP-анімацією, приходять сповіщення з Telegram і monobank, лічильник виручки та графік оновлюються після кожної оплати. Під час прокрутки мокап «піднімається» з 3D-нахилу у площину.

Продаючий інтерактив:

• блок «Хаос → потік»: 12 розкиданих повідомлень із месенджерів, нотаток і банку однією кнопкою вишиковуються у воронку — біль і рішення за дві секунди;
• бенто із сімома модулями, кожен із власною анімацією: чат перетворюється на угоду, рахунок — на оплату, ТТН «друкується» сама;
• сценарії використання замість відгуків: інтернет-магазин, квіткова майстерня, бʼюті-студія, сервісна компанія — з етапами воронки й автоматизаціями;
• «Ввечері підключили — зранку працюєте»: три кроки онбордингу (імпорт бази, підключення каналів, перша заявка) на анімованій таймлінії — відповідь на страх «впровадження на три місяці»;
• ціни з перемикачем місяць/рік, калькулятором кількості користувачів і підказками, коли вигідніше інший тариф, плюс таблиця порівняння, що згортається, а на мобільному показує один тариф із перемикачем — без горизонтального скролу;
• форма тріалу з живим превʼю робочого простору: назва компанії одразу стає піддоменом, обрані канали — підключеними інтеграціями;
• командна панель Ctrl/⌘K, як у справжньому продукті, — навігація сайтом із клавіатури.

Довіра без вигадок: безпека пояснена конкретно (шифрування, сервери в ЄС, бекапи, ролі, експорт у будь-який момент), а живий журнал дій показує, як це виглядає зсередини. Окремо — робота під час блекаутів.