Knockybot

Сайт чат-бота и голосового помощникаДата релиза: 24 июля 2024 г.
Задача
Разработать сайт чат-бота и голосового помощника на основе фирменного стиля.
knockybot.ru
  • О клиенте
    Knockybot — это продукт, сочетающего в себе функции чат-бота и голосового помощника с возможностями обучения на базе ИИ и интеграцией со сторонними сервисами.
  • Проблема
    Отсутствие у потенциальных клиентов места, где они могут изучить информацию о продукте, ознакомиться с тарифными планами и оставить заявку на интеграцию.
  • Решение
    Разработать структуру и создать на ее основе сайт, отражающий всю необходимую информацию для клиентов.
  • Шаг 1-й. Интервью с заказчиком и аналитика.
  • Шаг 2-й. Разработка дизайна главной страницы
    После формирования структуры и разбора прототипа, мы перешли к созданию дизайна, который позиционировался на фирменном стиле, который также разрабатывала наша компания. Главная концепция — диалог с клиентом.

    Страница выдержана в ярком и дружелюбном стиле, где диалог с клиентом становится центральным элементом. Каждый блок последовательно знакомит пользователя с продуктом, отвечая на ключевые вопросы и подчеркивая ценность предложения.

    Второй блок: ответ на главный вопрос
    - Сразу раскрываем возможности Knocky, объясняя, «что умеет помощник»;
    - Информация подается четко и доступно, без технических сложностей.

    Форма заявки
    - Органично интегрирована в контент, продолжая диалог с пользователем;
    - Не воспринимается как навязчивый элемент, а естественно завершает взаимодействие.

    Третий блок: ценность через анимацию
    - Ключевые преимущества голосового помощника обыграны через анимацию переписки;
    - Визуальный формат делает информацию наглядной и запоминающейся.

    Подтверждение опыта
    - Несмотря на анонимность кейсов (из-за конфиденциальности клиентов), мы показываем логотипы компаний, с которыми работали;
    - Это усиливает доверие и демонстрирует наш опыт.

    Блог и долгосрочное сотрудничество
    - В первом релизе блог не был реализован, но мы заложили возможность его быстрого добавления;
    - Это важно для долгосрочного сопровождения клиентов и регулярного обновления контента.

    Завершающий блок: интеграция формы связи
    - Формат переписки поддержан до конца страницы;
    - Форма связи естественно вписана в диалог, побуждая пользователя к действию.

    Страница сочетает легкость восприятия, интерактивность и практическую ценность, что делает ее эффективным инструментом для привлечения и удержания клиентов.
  • Адаптивность
    Мы уделили особое внимание адаптивности сайта, чтобы обеспечить безупречное отображение и удобство использования на всех типах устройств.
  • Шаг 3-й. Разработка страницы блога
    После того как главная страница была уже в релизе, появилась необходимость реализовать блог, у него есть отдельный блок на главной, а также отдельная страница со всеми кейсами.

    На странице блога реализованы две основные категории, визуально разделенные цветом. Внутри каждой категории доступны подкатегории для фильтрации контента.

    Статьи расположены в нестандартной сетке, которая позволяет выделять приоритетные материалы за счет акцентного оформления.

    Формы обратной связи интегрированы в основной контент и органично вписаны в общую структуру страницы, сохраняя единство стиля с главной страницей.
  • Страница статьи
    Для удобства создания и редактирования контента мы разработали специальный конструктор, доступный через админ-панель. Конструктор включает набор типовых блоков.

    Отдельное внимание уделено интерактивным элементам: голосовые дорожки интегрированы непосредственно в статью, позволяя пользователям прослушивать примеры работы бота.
Над проектом работали
  • Арт-директорЕвгений Маскаев
  • Лид-дизайнерВлад Вилькановский
  • ДизайнерТатьяна Гладкая
  • ИллюстраторНаталья Рыбьякова
  • Менеджер проектовАнастасия Сукуркина

Еще работы

  • Nemepik. Интернет-магазин одежды

    Веб, E-commerce, Интернет-магазин, Одежда
  • Инспектор. Сервис по подбору проверенной недвижимости

    Веб, Недвижимость, Стартап
  • Tilfred. Нейминг и фирменный стиль производителя чая

    Брендинг, Еда и напитки, Нейминг
  • Alehan. Оптовый интернет-магазин одежды

    Веб, E-commerce, Интернет-магазин, Одежда
  • YouhookhaCRM. Инструмент для бизнеса

    Интерфейсы, Кафе и рестораны, CRM
  • VHQ. Cайт digital агентства

    Веб, Технологии, Сфера услуг