Идея — «страница, которая работает как продукт». Тёмный интерфейс с тонкими линиями, градиентным свечением и моноширинными подписями — язык, который SaaS-аудитория знает по Linear и Stripe. Но вместо статичных скриншотов всё собрано из живого HTML/CSS: интерфейс чёткий на любом экране и весит килобайты.
Первый экран — полноценный макет CRM интернет-магазина: сделки сами переходят из «Новых заявок» в «Оплачено» с плавной FLIP-анимацией, приходят уведомления из Telegram и monobank, счётчик выручки и график обновляются после каждой оплаты. При прокрутке макет «поднимается» из 3D-наклона в плоскость.
Продающий интерактив:
- блок «Хаос → поток»: 12 разбросанных сообщений из мессенджеров, заметок и банка одной кнопкой выстраиваются в воронку — боль и решение за две секунды;
- бенто из семи модулей, у каждого своя анимация: чат превращается в сделку, счёт — в оплату, ТТН «печатается» сама;
- сценарии использования вместо отзывов: интернет-магазин, цветочная мастерская, бьюти-студия, сервисная компания — с этапами воронки и автоматизациями;
- «Вечером подключили — утром работаете»: три шага онбординга (импорт базы, подключение каналов, первая заявка) на анимированном таймлайне — ответ на страх «внедрение на три месяца»;
- цены с переключателем месяц/год, калькулятором количества пользователей и подсказками, когда выгоднее другой тариф, плюс сворачиваемая таблица сравнения, которая на мобильном показывает один тариф с переключателем — без горизонтального скролла;
- форма триала с живым превью рабочего пространства: название компании сразу становится поддоменом, выбранные каналы — подключёнными интеграциями;
- командная панель Ctrl/⌘K, как в настоящем продукте, — навигация по сайту с клавиатуры.
Доверие без выдумок: безопасность объяснена конкретно (шифрование, серверы в ЕС, бэкапы, роли, экспорт в любой момент), а живой журнал действий показывает, как это выглядит изнутри. Отдельно — работа во время блэкаутов.