Knockybot
Сайт чат-бота и голосового помощникаДата релиза: 24 июля 2024 г. Задача
Разработать сайт чат-бота и голосового помощника на основе фирменного стиля.
- О клиентеKnockybot — это продукт, сочетающего в себе функции чат-бота и голосового помощника с возможностями обучения на базе ИИ и интеграцией со сторонними сервисами.
- ПроблемаОтсутствие у потенциальных клиентов места, где они могут изучить информацию о продукте, ознакомиться с тарифными планами и оставить заявку на интеграцию.
- РешениеРазработать структуру и создать на ее основе сайт, отражающий всю необходимую информацию для клиентов.
- Шаг 1-й. Интервью с заказчиком и аналитика.
- Шаг 2-й. Разработка дизайна главной страницыПосле формирования структуры и разбора прототипа, мы перешли к созданию дизайна, который позиционировался на фирменном стиле, который также разрабатывала наша компания. Главная концепция — диалог с клиентом.
Страница выдержана в ярком и дружелюбном стиле, где диалог с клиентом становится центральным элементом. Каждый блок последовательно знакомит пользователя с продуктом, отвечая на ключевые вопросы и подчеркивая ценность предложения.
Второй блок: ответ на главный вопрос
- Сразу раскрываем возможности Knocky, объясняя, «что умеет помощник»;
- Информация подается четко и доступно, без технических сложностей.
Форма заявки
- Органично интегрирована в контент, продолжая диалог с пользователем;
- Не воспринимается как навязчивый элемент, а естественно завершает взаимодействие.
Третий блок: ценность через анимацию
- Ключевые преимущества голосового помощника обыграны через анимацию переписки;
- Визуальный формат делает информацию наглядной и запоминающейся.
Подтверждение опыта
- Несмотря на анонимность кейсов (из-за конфиденциальности клиентов), мы показываем логотипы компаний, с которыми работали;
- Это усиливает доверие и демонстрирует наш опыт.
Блог и долгосрочное сотрудничество
- В первом релизе блог не был реализован, но мы заложили возможность его быстрого добавления;
- Это важно для долгосрочного сопровождения клиентов и регулярного обновления контента.
Завершающий блок: интеграция формы связи
- Формат переписки поддержан до конца страницы;
- Форма связи естественно вписана в диалог, побуждая пользователя к действию.
Страница сочетает легкость восприятия, интерактивность и практическую ценность, что делает ее эффективным инструментом для привлечения и удержания клиентов. - АдаптивностьМы уделили особое внимание адаптивности сайта, чтобы обеспечить безупречное отображение и удобство использования на всех типах устройств.
- Шаг 3-й. Разработка страницы блогаПосле того как главная страница была уже в релизе, появилась необходимость реализовать блог, у него есть отдельный блок на главной, а также отдельная страница со всеми кейсами.
На странице блога реализованы две основные категории, визуально разделенные цветом. Внутри каждой категории доступны подкатегории для фильтрации контента.
Статьи расположены в нестандартной сетке, которая позволяет выделять приоритетные материалы за счет акцентного оформления.
Формы обратной связи интегрированы в основной контент и органично вписаны в общую структуру страницы, сохраняя единство стиля с главной страницей. - Страница статьиДля удобства создания и редактирования контента мы разработали специальный конструктор, доступный через админ-панель. Конструктор включает набор типовых блоков.
Отдельное внимание уделено интерактивным элементам: голосовые дорожки интегрированы непосредственно в статью, позволяя пользователям прослушивать примеры работы бота.
Над проектом работали
- Арт-директорЕвгений Маскаев
- Лид-дизайнерВлад Вилькановский
- ДизайнерТатьяна Гладкая
- ИллюстраторНаталья Рыбьякова
- Менеджер проектовАнастасия Сукуркина
Еще работы
Nemepik. Интернет-магазин одежды
Инспектор. Сервис по подбору проверенной недвижимости
Tilfred. Нейминг и фирменный стиль производителя чая
Alehan. Оптовый интернет-магазин одежды
YouhookhaCRM. Инструмент для бизнеса
VHQ. Cайт digital агентства