CV | Портфолио | Кейс ИИ-помощник

B2B • SaaS • landing-page • low-code

Продукт: ИИ-консультант с конверсией 54−91% для онлайн площадок с трафиком от 50 посетителей в сутки
Масштаб: промо-страница с последующим развитием до многостраничного сайта
Стадия: разработка и развитие
Команда: дизайнер+маркетолог (Я)

Задача

Рабочий процесс

Реализация

Результаты

Задача

Агентство digital-маркетинга решило сменить фокус с комплексного продвижения продуктов и услуг на внедрение искусственного интеллекта в бизнес-процессы компаний. Предлагаемый ими продукт уже показал прекрасные результаты, но всё ещё не имел своей площадки, продвигался только через уже имеющуюся у агентства партнёрскую сеть. Необходимо было создать современную минималистичную страницу, отражающую суть продукта, принципы работы и пруфы по результативности.

Что включало ТЗ от заказчика:

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

Исходный сайт агентства, который хотелось изменить

Прототип

Референс по структуре страницы

Лояльность

Рабочий процесс

Корректировка ТЗ, часть 1

В первую очередь провела работу над контентом. Прототип состоял из 18 блоков нейронного текста. Информация в них пересекалась, противоречила друг другу, из-за этого полностью терялась логика восприятия. Я взяла на себя инициативу переработать структуру подачи информации, оптимизировать её и выстроить в эффективную воронку продаж сложного продукта.

В итоге после переговоров и мозгоштурмов объём страницы сократился с 18 до 10 блоков, которые последовательно раскрывали суть продукта, его конкурентные преимущества, результаты и условия использования.

Референсы страниц AI-сервисов

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

успешно продвигаются не только на Российском, но и на мировом рынке
имеют схожий функционал
имеют схожую целевую аудиторию

Вёрстка страницы, часть 1

Обратная связь от заказчика, часть 1:

«Ольга, у меня когнитивный диссонанс)) Или лыжи не едут или я…»
«Честно говоря, даже не знаю, что мне делать, я так полагаю, чтобы было как на рефах — это совершенно другого уровня работа?»
«Ну у меня же не шизофрения?)) они же сильно отличаются от нашего сайта?»

Корректировка ТЗ, часть 2

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

В чём были причины и что решили сделать:

Всё ещё большой объём текстового контента

Несмотря на то, что в первой итерации объём страницы был сокращён почти вдвое, этого оказалось мало.
В референсах важна не только визуальная подача, решает объём используемых слов - иногда это всего 2-3 вместо целых предложений.

Решили сократить ещё на 80%

Отсутствие визуального контента

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

Добавляем больше скринов

Вёрстка страницы, часть 2

Теперь делаю только 1-ый экран, отправляю на согласование заказчику...

Реализация

Первый экран - самый важный

На первый экран выносим «самый сок» — оффер, конкурентные преимущества, УТТ
Сразу здесь же демонстрируем основные экраны сервиса, их функционал и пользу для клиента
Добавляем интерактива — галерея с автопролистыванием и автоматической сменой тегов, а также логотипы партнёров, меняющиеся через 5 сек.