Пример использования веб-сайта и чат-бота на базе ИИ

Motorchron

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

  • ПромышленностьAutomotive app marketing
  • ПользователиDIY mechanics and car owners
  • ДоставленоOctober 2024
  • УслугиWeb Design, Development, AI
Motorchron: веб-сайт + чат-бот на базе ИИ

Обзор

Motorchron — это приложение для тех, кто самостоятельно ремонтирует свой автомобиль: это журнал учета всех ремонтов, запчастей и чеков, благодаря которому сохраняется полная история, если что-то пойдет не так или автомобиль будет выставлен на продажу. Но в приложении не было места, куда можно было бы направить тех, кто о нем слышал.

Вот эта страница. Один экран, который убеждает посетителей, демонстрирует, что отслеживает приложение, и размещает его в обоих магазинах — создан на базе WordPress и Elementor, чтобы команда могла вносить изменения без привлечения разработчика, а под капотом он специально сделан максимально простым.

Часть, которая не является целевой страницей, — это помощник. Он отвечает на вопросы о ремонте и о самом приложении в тех случаях, когда в противном случае пользователю пришлось бы открыть заявку в службу поддержки и ждать ответа.

  • WordPress
  • Elementor
  • PHP
  • Custom CSS
  • AI Chatbot
  • Responsive Design
  • SEO

Видео проекта

motorchronВозьмите на себя управление процессом ремонта автомобиля.

Обзор сайта Motorchron и работающего на нём помощника.

Ключевые возможности

  • Одна страница, которая решает все задачи

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

  • Помощник, отвечающий на вопросы о ремонте

    Обучение проводилось на основе материалов сайта и самого приложения, поэтому посетитель получает ответ, а не перенаправляется на форму обратной связи.

  • Редактируется без участия разработчика

    Каждый раздел представляет собой блок Elementor. Сообщение о новой функции — это задание на полдня, а не заявка.

  • Создано, чтобы его нашли

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

Задача

Приложение, смысл которого становится понятен только после его использования, и одна страница, объясняющая, почему вам стоит им воспользоваться.

Концепция Motorchron — это не просто функция, а привычка: фиксируйте проделанную работу, сохраняйте чеки и будьте тем человеком, у которого есть документально подтвержденная история обслуживания, когда придет время продавать машину или если механик ошибется. Это легко объяснить тому, кто и так проводит субботы под капотом, но сложно — тому, кто просто пролистывает страницы в магазине приложений. Страница должна была убедить пользователя за один прокрут на телефоне, ещё до появления кнопки «Скачать»; а затем ей приходилось отвечать на вопросы, которые сама страница не предусмотрела.

  • Вопросы поступают в нерабочее время

    Те, кто ищет приложение для технического обслуживания, занимаются этим по выходным, в гараже — а не с девяти до пяти.

  • Ценность заключается в деталях

    Стоимость при перепродаже, отслеживание обслуживания, история VIN: каждому пункту требуется по одному предложению, а шесть предложений подряд — это целая стена, которую никто не станет читать.

  • Контактная форма — это место, где умирает интерес

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

Наше решение

Одна страница, и на ней что-то, что отвечает.

Сайт специально сделан «простым». WordPress и Elementor на базовой теме, без встроенного демо-контента, без плагинов, дублирующих функции CSS — именно это обеспечивает его быструю работу на телефоне в гараже при сигнале в две полоски. А сверху всего этого работает помощник, чьи знания — это собственный материал приложения, так что на вопросы, на которые страница не ответила, всё равно даются ответы в одиннадцать ночи, когда с нашей стороны уже никто не бодрствует.

Легкая конструкция, специально

Здравствуйте, Elementor — это не просто тема с встроенным демо-сайтом. Не отправляется ничего, что не отображается на странице.

Ассистент знает этот товар

Его база знаний состоит из текстов самого сайта, поэтому Motorchron объясняет Motorchron словами самого Motorchron, а не придумывает правдоподобный ответ.

Шесть причин, шесть карточек

Сетка основных материалов охватывает всю страницу и просматривается примерно за десять секунд. Именно её читают большинство посетителей вместо текста.

Как это работает

Рекламное сообщение, расположенное в верхней части страницы

One line, one photograph and both store badges. The claim is a promise rather than a feature list, because at this point in the scroll nobody has agreed that they have a problem yet.

Главная страница Motorchron: механик с телефоном в руке, заголовок «Возьмите управление в свои руки при ремонте автомобиля» и значки Google Play и App Store.

Шесть причин, а не шесть абзацев

Resale value, service tracking, organised records, transparency, risk and cost — one card and one sentence each. It is the section visitors actually read, so it carries the argument the hero only opens.

Темная полоса с названием «Особенности приложения», на которой изображены шесть белых карточек: повышенная стоимость при перепродаже, отслеживание обслуживания, упорядоченные записи, повышенная прозрачность, снижение рисков, доступность и подотчетность.

Куда приводят эти вопросы

Reviews from people already using the app, then the four questions everybody asks, answered on the page. Anything not on that list goes to the assistant rather than into a contact form.

Три карточки с отзывами клиентов, расположенные над списком часто задаваемых вопросов, в котором содержатся четыре свернутых вопроса о ценах, начинающих водителях, нескольких транспортных средствах и регистрации ремонта.

Что нужно было решить

Обеспечение высокой скорости работы конструктора страниц

Solution: Удобство Elementor заключается в том, что он использует чужой код, а стандартная тема незаметно добавляет вторую копию всего. Использование темы Hello Elementor — практически пустой темы — означает, что CSS и JavaScript на странице — это именно те CSS и JavaScript, которые использует данная страница.

Обучение общей модели одному продукту

Solution: Общий помощник уверенно отвечает на вопросы об автомобилях, а на вопросы о Motorchron — довольно расплывчато. Его база знаний состоит из текстов самого сайта и материалов приложения, поэтому на вопросы о продукте даются ответы, связанные с продуктом, а все остальное рассматривается как общие рекомендации, а не как выдуманные подробности.

Гараж — это плохая сеть

Solution: Размер изображений подстраивается под макет, а не загружается в том виде, в котором они были сняты камерой, и на странице отсутствует видео-херо. Посетители этой страницы чаще всего находятся рядом с автомобилем, а не с маршрутизатором.

Rated 5 out of 5 by the client on Fiverr.

Отзыв клиента

Доставлено вовремя, оценка — пять из пяти.

Работать с Дж. Акашем над проектом по разработке нашего сайта было одно удовольствие. Его профессионализм ярко проявился в качестве выполняемой им работы, и он всегда сдавал проекты в срок, поддерживая при этом активную коммуникацию. Очень рекомендую! 👍

Motorchron

Заказчик через Fiverr

Вопросы

Да — текст, изображения и порядок разделов можно изменять прямо в редакторе Elementor без привлечения разработчика. Именно в этом и заключается главная причина, по которой мы используем WordPress.

У вас есть приложение, но некуда направлять пользователей?

Давайте создадим страницу, которая будет способствовать продажам.