VizVid

Продукт, который делал персональное видео для каждого клиента; я отвечал за всё, от логотипа до выставочного стенда

Моя роль

Вице-президент по UX-дизайну

Продукт
VizVid от MediaCross
Где
Сент-Луис
Когда
С января по июль 2019 года
Демо
William Peace University
  1. Разработал бренд: словесный знак и логотип VizVid, набор иконок приложения и картинку для соцсетей, рассчитанные на то, чтобы стоять рядом с собственным брендом университета и не спорить с ним.
  2. Спроектировал продукт: цикл из трёх шагов, который консультант проходит за минуту (добавить посетителя, персонализировать видео, отправить его), внутри панели кампаний с отчётами по каждой кампании.
  3. Сделал маркетинг, который донёс продукт до покупателей: материалы для конференций CIVSA и NSCEC, рекламу на полосу и на четверть полосы, схему «как это работает» и лендинг, а также вёл вместе с коллегой демонстрацию на вебинаре.
  4. Построил демо для William Peace University, пока эта продажа ещё была на рассмотрении, показав результат продукта в бренде реального кампуса, и написал общий сценарий видео, который колледжи могли персонализировать.
  • 1 новый клиент, которого редизайн принёс агентству: Spartanburg Methodist College, вместе с цифровым вьюбуком
  • 2 конференции в мае 2019 года, CIVSA и NSCEC, и четыре печатных материала для них
  • 1 + 1 демонстрация на вебинаре и демо для William Peace University, продажа которому тогда была на рассмотрении
  • 3 шага нужно консультанту, чтобы сделать и отправить студенту его собственное видео

Кратко

VizVid был продуктом MediaCross для персональных видео в приёмных кампаниях колледжей: веб-приложением, в котором приёмная комиссия могла сделать для каждого абитуриента отдельное персональное видео, с его именем в анимации, и отправить его вместе с собственным лендингом. Набор студентов в колледжи идёт массово и безлично как раз в тот момент, когда решение студента глубоко личное. У приёмных комиссий были данные в CRM и бюджеты на видео, но ничего, что связывало бы одно с другим: с одной стороны массовые рассылки, с другой дорогое штучное видео. Ставка продукта была на середину.

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

Кто участвовал

  • MediaCross Агентство, которое создало и продавало VizVid; его директор по маркетингу в сфере высшего образования вела вебинар вместе со мной и вместе со мной проводила кампании для конференций.
  • Разработка Инженеры агентства, которые построили веб-приложение, фронтенд на React поверх сервиса на Symfony, и рендеринг видео за ним.
  • William Peace University Университет из Роли, на чьём бренде и кампусе было построено демо.
  • Натали Спроектировала раскладную карту экскурсии по кампусу William Peace University; с неё был нарисован иллюстрированный кампус в демо.
  • Я Бренд, продуктовый дизайн, маркетинговый дизайн и демо.
Персональный лендинг под шапкой William Peace University: видеоплеер с надписью «We miss you already, Shelby!» на фоне нарисованного кампуса, под ним ссылки Apply Now, Academics, Student Life и Athletics и иконки для публикации в соцсетях.
Что получала студентка. Персональный лендинг из демо для William Peace University: видео Shelby на странице Shelby под собственным брендом университета.
Читать материалы . Разделов: 7, около 2 мин

С чего всё началось

В январе 2019 года мы с командой MediaCross по маркетингу в сфере высшего образования провели для приёмных комиссий вебинар «Leveling Up Your Campus Visit Experience» о том, что визит в кампус является стержнем воронки набора, и о том, что происходит после него. Слайды заканчиваются продуктом, который мы делали как раз для этого момента после визита: видео, сделанным для одного студента по визиту, который он только что совершил. Первый персональный пример, для студента по имени Paul, датирован 1 февраля, демонстрационная презентация 6 февраля.

В этом и была ставка. У приёмных комиссий уже были запись в CRM и фотографии с экскурсии. Не было ничего, что превращало бы их в личное послание, которое студент захочет открыть.

Бренд, который стоит рядом с брендом университета

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

Четыре человека у доски раскладывают голубые стикеры со словами-кандидатами для бренда, среди них energetic, fun, playful, surprising, clever, optimistic, adventurous, imaginative, progressive, futuristic и bold, на некоторых точки голосования. Лица размыты.
Выбор слов для бренда. Команда разложила стену слов-кандидатов по группам и проголосовала точками.
Три стикера на доске со словами energetic, approachable и cutting-edge, на каждом точки голосования, над нарисованной от руки пирамидой: functional, reliable и usable, а на вершине surprise и delight.
Три слова и то, на чём они стоят. Энергичный, доступный, передовой: вершина пирамиды, которая начинается с функциональности, надёжности и удобства.
Изометрическая иллюстрация в фиолетовых и красных тонах: небольшая автоматизированная студия, где фигурки следят за панелями, стоит операторская установка, графики и башня рендеринга, соединённые светящимися дорожками. Это схема продукта о том, как данные превращаются в персональное видео.
Как это работает, на одной картинке. Изометрическая студия: на входе данные, на выходе персональное видео. Нарисована для лендинга в июне 2019 года.

Три шага, которые консультант проходит за минуту

Основной цикл состоит из трёх шагов поверх панели. Добавить посетителя: форма с полями, которые у консультанта уже открыты в CRM. Персонализировать видео: до рендеринга выбрать материалы, которые делают его личным, здания, которые студент видел на экскурсии, и фотографии с его визита. Отправить: цикл заканчивается самим артефактом, видео студента на странице студента, в одной кнопке от его почты.

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

Модальное окно Personalize a Video, шаг первый из трёх: «Add». Поля для имени, фамилии и адреса электронной почты посетителя, выбор кампании и кнопка «Create Visitor» поверх затемнённой панели. Интерфейс продукта в том виде, в каком он был спроектирован в 2019 году.
Шаг первый: добавить посетителя. Намеренно просто форма: поля, которые у консультанта уже открыты в CRM.
Модальное окно Personalize a Video, шаг второй: ряд плиток с фотографиями кампуса (The Fountain, Finch Library, Fornes Building, Main Building), пустые ячейки для добавления фото и кнопка «Create Video», чтобы добавить персональные материалы в видео кампании «Spring 2018».
Шаг второй: персонализировать. Здания, которые студент видел на экскурсии, и фотографии с его визита, до рендеринга.
Модальное окно Personalize a Video, шаг третий: «Success! You personalized a video for Shelby», миниатюра её видео, адрес её персональной страницы с видео и кнопка «Send Video».
Шаг третий: отправить. Видео Shelby на странице Shelby, в одной кнопке от её почты.
Панель VizVid с приветствием «Good Afternoon, Bobby!» и блоком Campaign Engagement: 586 персональных видео за 30 дней, доли визитов, просмотров, кликов и репостов и многолинейный график вовлечённости за последние 30 дней.
Главный экран консультанта. Работает ли моя кампания? Показатели вовлечённости во времени. Цифры взяты из демо-данных, написанных для дизайна.
Экран Campaigns со списком из пяти кампаний («Thanks for Visiting Us», «Deadline to Pay or Postpone», «Enrollment Starting», «Alumni Celebration», «Be a Future Pacer»), у каждой статус и свои визиты, просмотры, клики и репосты.
Кампании как управляемый список. Одна кампания на каждый момент набора: письма после визита, сроки внесения депозита, встречи выпускников. Демо-данные.
Отчёт по кампании «Enrollment Starting»: 586 персональных видео, доля визитов 62,6%, доля просмотров 67,5%, доля кликов 13,1%, доля репостов 3,5%, каждая в сравнении со средним по аудитории, под ними число посетивших, посмотревших, кликнувших и поделившихся и список самых активных посетителей.
Отчёты, которые консультант может прочитать. Каждый показатель в сравнении со средним по аудитории и самые активные посетители по именам. Демо-данные.

К тем, кто покупает

В мае 2019 года продукт поехал на две конференции по приёму в вузы, CIVSA и NSCEC: для одной сложенная маркетинговая брошюра, для другой реклама на полосу и на четверть полосы и постер с Wi-Fi, всё в стиле бренда. Лендинг нёс схему «как это работает» и демо. В июле я написал The Hatching, сценарий видео с пропусками, которые колледж заполняет своими словами, чтобы кампус мог попробовать продукт, прежде чем заказывать собственное видео.

Демо на реальном кампусе

Напечатанная раскладная карта экскурсии по кампусу William Peace University, снятая низко над столом: иллюстрированные оранжево-кремовые корпуса и фонтан поднимаются над зелёной картой, у начала дорожки, как в настольной игре, квадрат WELCOME!, пронумерованные остановки и короткие подписи у каждого здания.
Раскладная карта экскурсии по кампусу. Спроектирована Натали для William Peace University. Видео демо проходит по тому же кампусу, нарисованному по этой карте.

Демо было построено для William Peace University в Роли, пока продажа этому университету была на рассмотрении. Там экскурсии ведут студенты-амбассадоры, и именно экскурсия отличает университет от других. Его персональное видео приветствует одну студентку по имени, проводит её по моментам кампуса, которые она видела, и заканчивается словесным знаком университета на лендинге под собственным брендом университета. Сорок пять секунд того, что делал продукт, для одной студентки на одном реальном кампусе.

Видео Shelby. Собственный результат работы продукта для демо William Peace University: бренд реального вуза, имя одной студентки, сорок пять секунд.

Результаты

Инженеры агентства построили продукт как работающий код, а материалы для конференций были напечатаны к конференциям. Обновлённый VizVid принёс агентству контракт со Spartanburg Methodist College, а вместе с ним цифровой viewbook для колледжа. В собственном рассказе MediaCross об этой работе говорится, что VizVid был интегрирован с CRM колледжа и отправлял каждому студенту видео о его визите в кампус, которым можно поделиться. Метрик реальных кампаний в моих файлах нет, и здесь они не заявляются; цифры вовлечённости на экранах панели и отчёта взяты из демо-данных времён проектирования и показаны, чтобы объяснить, что продукт измерял.

Если бы я делал это снова

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