Digital-агентство Red Collar заявляет: чтобы продать новый для отечественного рынка продукт, его не обязательно рекламировать. Прежде всего нужно объяснить продукт целевой аудитории. Как это сделать, команда Red Collar демонстрирует на примере своей работы — сайта технологии интерактивной рекламы GetShop.TV.
Новые технологии открывают бизнесу новые пути выхода на желанную ЦА. Сегодня узнать пол, возраст и интересы человека, а затем показать ему свою рекламу и подвести к покупке — пара пустяков.
Было как: включаешь телевизор, ныряешь в любимый сериал, и тут реклама. Мелькает мысль, что это что-то полезное, надо будет потом найти, посмотреть и купить. Но спустя полчаса в голове не остается и тени той мысли. А сейчас — стоит нажать на пульте «ОК» и уже слышишь, как курьер скребется в дверь с заказом.
Новую технологию сложно продать без наглядного объяснения ее применения и преимуществ.
GetShop.TV — платформа интерактивной рекламы, которая позволяет зрителям онлайн кинотеатров на SmartTV и Web купить приглянувшийся товар, получить скидочный код, принять участие в соревновании с помощью одного лишь пульта, сидя на диване. К рекламодателю приходят покупатели и понятная статистика по эффективности кампании.
На момент начала работы надо проектом у заказчика был одностраничник, сделанный на конструкторе за пару часов. На сайте посетителю говорили: вот есть ряд инструментов, с помощью которых зрители станут покупателями. Но понятного объяснения того, как именно это работает, сколько уйдет времени на создание ролика нового типа и получение заявок — не ясно. Цифровому «лицу» бренда не доставало наглядности.
Перед агентством Red Collar стояли две цели.
1. Просто и понятно объяснить принцип рекламы, продемонстрировать широту возможностей для решения задач рекламодателя. Сотрудник рекламного агентства или штатный специалист любой компании без специальных знаний должен легко разобраться как и где работает интеративная реклама.
2. Обозначить позицию компании: активная команда, разработавшая инновационную технологию, лидер рынка видео-рекламы.
Команда Red Collar отвечала за дизайн проекта и управляла процессом разработки.
Как выглядел старый сайт
Первоначально предполагалось сделать традиционный лендинг с акцентом на основных преимуществах технологии, которая будет вести пользователей к оформлению заявки. В одном из верхних блоков поместили следующее:
К сожалению, это было недостаточно наглядно. Сухие буквы в одной строчке, всё скопом — так сложная информация не воспринимается.
Вариант блока, объясняющего технологию
Решили взять за основу сам принцип создания интерактива. Продемонстрировать, насколько легко добавить врезку с интерактивом: что это делается на раз-два, достаточно готового ролика и никаких лишних трудов. Вывели пять этапов и оформили их в понятные формулировки, которые поэтапно разместили на слайдах: одна мысль на один блок.
Легко как раз, два, три!
Четко сформулированные шаги — хорошо, но все равно не достаточно понятно. Когда идея не соотнесена с изображением, которое иллюстрирует смысл — информацию сложно воспринимать, она не остается в памяти. Именно потому этапы дополнили подходящими картинками.
К примеру, шаг № 4 — охват. Число стилизовали под континенты и сделали анимированную деталь, где отображается сумма просмотров — ячейки крутятся и цифры увеличиваются на глазах. Этим приемом отразили масштабность охвата рекламы.
Шаг 4
В «Получении результатов» цифру поместили поверх кейсов компании. С каждой плашки ведет гиперссылка на отдельную страницу, где раскрывается история проекта. Плюс сделали самостоятельный раздел с кейсами GetShop.TV.
Блок с кейсами
Чтобы продемонстрировать, как происходит взаимодействие рекламы и зрителя, отсняли видеоролик.
Сценарий такой: мать и дочь хотят купить себе квартиру и видят рекламу на SmartTV, где жилье предлагается со скидкой. Нажимают на пульте несколько кнопок и оп! — обратный звонок заказан, скоро им перезвонит менеджер компании, чтобы рассказать об акции. Этот ролик поместили на основную страницу в фоновом режиме — его можно увидеть в верхнем блоке и внутри изображений цифр шагов.
Подробное описание принципа работы и преимуществ технологии разместили в отдельном разделе. Для того чтобы страница не была перегружена объемными текстами, воспринималась легко и доступно — рассказали о рекламе в иллюстрациях.
Для еще большей очевидности отрисовали схему создания интерактивного элемента, оформили в видео и поставили в верхний блок.
Схема создания рекламы нового типа
Сильные стороны технологии расставили по степени важности и пояснили картинками. Приправили всё зрительно-смысловым компонентом — сам раздел поделили на слайды разных цветов. К примеру, всё, связанное со статистикой и её сбором, разместили на оранжевом фоне.
Нарезка блоков с преимуществами
Для тех, кто хочет узнать о продукте подробнее, сделали большую, детальную, красивую презентацию и поставили гиперссылку на её скачивание во всех разделах.
У компании активная позиция на рынке, которая должна четко считываться с сайта. Интенсивная, эффектная цветовая гамма лучше всего отражает активность бренда.
Именно поэтому Red Collar отказались от первоначального дизайна в нежных персиковых тонах и взяли насыщенную палитру в тон логотипа.
Как выглядела первоначальная задумка
Готовый вариант
По рекомендации агентства заказчик сделал профессиональную фотосессию команды и разместили в соответствующем разделе. Это приближает пользователя к компании и знакомит с составом директоров, что имеет большое значение для будущих инвесторов.
В этом же разделе сделали блок с открытыми должностями, показав, что фирма растет и расширяется.
Раздел с командой
Важным аргументом для выбора платформы была многосайтовость UMI.CMS. Управлять несколькими сайтами в одной панели управления — очень удобно.
Сборкой сайта занималась команда, состоящая из штатных разработчиков GetShop.TV и внешних программистов. Digital-агентство Red Collar отвечало за дизайн, контролировало процесс сборки и управляло разработкой.
«Я выбрал UMI.CMS, потому что лично для меня это любимая система с 2008 года. Простота управления, интуитивный интерфейс, доступный по цене хостинг, возможность создания кастомизированных модулей под свои задачи и лучшая поддержка среди отечественных систем — предопределили мои симпатии.
Для создания сайта GetShop.TV на UMI.CMS важным аргументом была многосайтовость. Сейчас наш сайт имеет русскую и английскую версию, которые расположены на разных доменах: getshoptv.com и getshop.tv. В будущем мы планируем запускать сайты для других стран: Франции, Италии, Испании и т.д. Управлять несколькими сайтами в одной панели управления — очень удобно», — говорит Андрей Григорьев, генеральный директор GetShop.TV.
Я руководил разработкой сайтов в веб-студии в течение 13 лет, а в этот раз оказался в не столь привычной для себя роли клиента. Мы отлично поработали с командой Red Collar, хотя взаимодействие было не совсем нестандартным. Мы провели много времени в спорах и дискуссиях, но этот подход привел нас к наилучшему результату. Мы рады, что в процессе работы команда агентства пересмотрела наш фирменный стиль, помогла развить его. Мы внесли предложенные ими изменения и теперь используем их во всех своих промо-материалах. Команда провела авторский контроль над процессом разработки, которой занимались наши программисты, и дала полезные рекомендации по анимации различных элементов сайта.
Нам очень нравится получившийся сайт, и мы довольны результатом. »
Андрей Григорьев,
генеральный директорБлагодаря новому сайту компании удалось достичь отличных показателей по конверсии — 5% посетителей совершают целевое действие.
«Основной канал наших продаж — прямое привлечение клиентов. Поэтому конверсия сайта не коррелирует явно с его эффективностью. Тем не менее, в течение двух дней после старта проекта, мы получила двух новых заказчиков. Впервые вообще без рекламы, — говорит Андрей Григорьев, генеральный директор GetShop.TV.
Кроме этого, сайт взял золото на конкурсе «Рейтинг Рунета 2017» в номинации «Информационные технологии». В конкурсе в первую очередь оценивался дизайн и юзабилити (удобство в использовании). GetShop.TV по праву считается лучшим сайтом своего сегмента в России.
Когда создаете проект для трудного, технического продукта, будьте смелее, упрощайте. Формулируйте все определения и объяснения так и до тех пор, пока не останется суть, легкая для восприятия и понимания. Затем подайте её пошагово и приправьте иллюстрациями. Готово! »
Денис Ломов,
арт-директор