Лендинг / ИИ-ассистент / Интерактивное демо

Сова — лендинг ИИ-администратора с живым чатом для записи клиентов

Лендинг для сервиса, который отвечает клиентам салона в чате в любое время и записывает их на услугу. Посетитель сам пишет Сове обычной фразой и сразу видит, что она поняла, какое время занято и куда легла запись.

Открыть сайт ↗
Сова — главная

Задача проекта

Идея

«ИИ-ассистент» звучит абстрактно, пока не поговоришь с ним. Поэтому главным блоком стал чат: можно написать «хочу на маникюр в субботу после обеда» и получить уточняющий вопрос, свободные окна и запись. Тёмная ночная тема с янтарным акцентом отсылает к сове и к тому, что она работает, пока студия закрыта.

Реализация

Чистые HTML, CSS и JavaScript без фреймворков и сборки. Бот разбирает свободный текст: услугу, день, время и имя, даже если они пришли в одной фразе, и спрашивает только недостающее. Расписание, отмена записи и передача жалобы администратору работают как в настоящей системе. Сайт честно сообщает, что демо идёт по правилам, без языковой модели.

Что умеет

Чат с разбором свободного текста: услуга, день, время и имя из одной фразы
Панель «Что поняла Сова»: намерение, источник ответа и заполненные поля записи
Расписание с занятыми окнами, которое обновляется после каждой записи
Журнал записей с уведомлением мастеру и передачей жалоб администратору
Ответы на вопросы о ценах, адресе и графике из базы знаний
Калькулятор потерянных записей с честным ответом «не окупится»
Три пакета услуг и раздел с вопросами на нативных details
Адаптив, управление с клавиатуры и поддержка prefers-reduced-motion

Скриншоты проекта

Мобильная версия

Мобильная версия

На телефоне чат занимает всю ширину, а панели с пониманием, расписанием и журналом записей идут под ним.

Демо работает так же, как на компьютере, а горизонтального скролла нет.

Результат работы

0

зависимостей: чистые HTML, CSS и JavaScript

6

сценариев диалога: запись, цены, адрес, график, отмена, жалоба

3

пакета услуг с понятной ценой

1

фраза, чтобы начать запись

Хочешь такой же проект?

Обсудить проект ↗ Открыть сайт ↗