Кейс: как в «Рокетбанке» придумали «Хипстериаду» — конкурс со 150 тысячами участников

Директор по маркетингу «Рокетбанка» Василий Хозяинов рассказывает, как появилась идея, кто и как её воплощал и каких результатов удалось добиться.

В закладки

Летом прошлого года «Рокетбанк» запустил «Хипстериаду» — масштабный квест с розыгрышем призов, вдохновлённый эстетикой древней Греции и стереотипами о хипстерах. В течение трёх месяцев над «Хипстериадой» работали десять сотрудников «Рокетбанка»: разработчики, дизайнеры, художники, аналитики и маркетологи.

Идея

Сначала мы придумали название, а потом сам конкурс.

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

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

В общем, мы вдохновились названием и решили просто сделать интересный конкурс, рассказывающий о культуре хипстеров, потому что среди наших клиентов есть и хипстеры, и те, кто никогда о них не слышал.

Дизайн

В создании общей стилистики проекта мы оттолкнулись от центрального артефакта — стаканчика с кофе. Основной сложный дизайн-элемент в «Хипстериаде» это именно стаканчик, а интерфейс всего проекта — минималистичный, но не менее проработанный.

Черновые наброски «Хипстериады» дизайнер Вова Виес делал сразу под мобильные устройства, чтобы максимально упростить все взаимодействия пользователя с интерфейсом и историей в целом. На лендинге, который знакомит пользователя с акцией, он использовал приёмы игровых сайтов, чтобы быстрее погрузить зрителя в атмосферу нашей мини-вселенной.

Дизайнер Вова Виес красит бутафорский осколок для съёмки ролика

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

Решили, что отличаться осколки будут по цветам — чёрный, спейс-грей и золотой. Позаимствовали тему Apple с цветами iPhone. После того как пользователь проходил авторизацию, ему присваивался индивидуальный номер и цвет стакана.

Стаканчик цвета спейс-грей

Видеопродакшн

Задачей ролика было ввести клиентов в «Хипстериаду» и в игровой форме рассказать, как участвовать в конкурсе. В предыдущем большом конкурсе «Талон на iPhone» мы использовали текст, но «Талон» был простой, а «Хипстериада» — гораздо сложнее. Тем более есть тренд на видеоконтент: ролики хорошо ранжируются соцсетями и здорово сеются.

Идея родилась сразу — нужен был «археолог», который будет что-то рассказывать о древнем артефакте, что мы нашли в Греции. Мы начали искать человека на эту роль, но это было непросто.

Сначала думали взять мужика с бородой, который иногда ходил у нас по территории бизнес-центра, но как назло, как мы его ни высматривали, снова он так и не объявился. А потом Тимур Раджабов, руководитель проекта, предложил позвать отца одного из сотрудников отдела маркетинга «Рокетбанка», потому что он вполне мог сойти за учёного-археолога.

{ "items": [{"title":"\u0421\u044a\u0451\u043c\u043a\u0430 \u0440\u043e\u043b\u0438\u043a\u0430 \u0434\u043b\u044f \u00ab\u0425\u0438\u043f\u0441\u0442\u0435\u0440\u0438\u0430\u0434\u044b\u00bb","image":{"type":"image","data":{"uuid":"d2ee1021-3131-9235-97b9-97ab57682026","width":1280,"height":960,"size":115961,"type":"jpg","color":"","external_service":[]}}},{"title":"\u0421\u044a\u0451\u043c\u043a\u0430 \u0440\u043e\u043b\u0438\u043a\u0430 \u0434\u043b\u044f \u00ab\u0425\u0438\u043f\u0441\u0442\u0435\u0440\u0438\u0430\u0434\u044b\u00bb","image":{"type":"image","data":{"uuid":"cb6a2846-bb5b-058a-3361-b32f9555e2d6","width":1280,"height":960,"size":215119,"type":"jpg","color":"","external_service":[]}}},{"title":"\u0421\u044a\u0451\u043c\u043a\u0430 \u0440\u043e\u043b\u0438\u043a\u0430 \u0434\u043b\u044f \u00ab\u0425\u0438\u043f\u0441\u0442\u0435\u0440\u0438\u0430\u0434\u044b\u00bb","image":{"type":"image","data":{"uuid":"4d836f0f-57d0-73a6-4c75-f0fead1aa853","width":1280,"height":960,"size":195450,"type":"jpg","color":"","external_service":[]}}}] }

Папа Кирилла Родина зачитал текст с суфлёра как ведущий. Снимать решили в стилистике старых ток-шоу из девяностых. Сейчас эстетика девяностых в тренде, но главное — она позволяет списать все погрешности, как будто так и надо. Учитывая тот факт, что ролик снимали мы сами, а папа Кирилла непрофессиональный актёр, нам это было на руку.

Игры и разработка

Стаканчик как Марио — добегает до финиша и поднимает флажок рядом с финальным замком.

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

Игра «Смузираш»
Денис Красавчиков показывает воксельные детали «Смузираша»

Так как у нас «Хипстериада», все элементы игры стилизовали под древнюю Грецию: перепрыгивать нужно через колонны, а на заднем плане всякие Пантеоны, Акрополи. Чтобы пройти игру, нужно собирать фрукты и уворачиваться от бомб. Есть несколько уровней скорости, и чем больше ты собираешь фруктов, тем быстрее бежит стаканчик.

Стаканчик как Марио — добегает до финиша и поднимает флажок рядом с финальным замком. Мы во всём придерживались пиксельной эстетики, поэтому и музыка у нас тоже восьмибитная. Это такая отсылка к восьмидесятым и девяностым годам, когда все болели «Денди».

Игра «Смузираш»

С точки зрения разработки, самая большая проблема была с тем, что мы сначала хотели использовать популярный игровой движок для веба, но потом оказалось, что чем больше монитор, тем больше игра лагает, особенно на 4К-мониторах. И это был баг движка, потому что на ноутбуках поменьше игра работала нормально. Поэтому нам пришлось отказаться от готового решения и написать много кода самим.

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

Глеб Железин проверяет код «Смузираш»
Иллюстратор Саша рисует скетчи для «Лабиринта Винотавра»

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

Потом мы решили сделать стакан более прикольным — мы собираем его из кусочков на Canvas. Это технология, которая позволяет рисовать на холсте в вебе. Мы накладываем на стакан фотографию и пишем красиво имя пользователя греческим шрифтом.

Кстати, и фронтенд, и бэкенд делались в нашей команде. Можно сказать, что мы полностью сделали проект под ключ.

Ещё одна задача, которую поставили разработчикам, сделать ботов для соцсетей. Дело в том, что в нашем предыдущем большом конкурсе — «Талоне на iPhone» — в одном из заданий надо было пообщаться с поддержкой, чтобы выпытать у них код.

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

Механика

Выполняя различные задания, участники квеста зарабатывали баллы. Чем больше баллов — тем больше шансов выиграть один из главных призов. За выполнение каждого задания они получали осколок стакана. Все участники конкурса, которые выполнили все задания и собрали «стакан» полностью, получали гарантированный приз — футболку. Главные призы — несколько MacBook Pro, iPhone7 и AirPod — разыграли с помощью генератора случайных чисел.

Помимо крутых главных призов, важно, чтобы и гарантированный приз тоже был классным. В «Рокетбанке» очень много мерча с символикой банка, и выпуская каждый предмет, мы честно отвечаем себе на вопрос, стали бы носить такой свитшот, рюкзак или футболку, если бы не были сотрудниками «Рокета».

Это был первый конкурс, в котором участники взаимодействовали между собой.

Впервые, помимо опыта взаимодействий участника и банка, участники взаимодействовали между собой: в одном из заданий нужно было обменяться «осколками» с другими игроками. Под каждой публикацией у нас были тысячи комментариев с просьбой поставить лайк и обменяться «осколками».

Нужно отметить, что в разгар «Хипстериады» на страницах «Рокетбанка» пользователи как никогда активно общались между собой, помогали друг другу с загадками и даже создавали целые мануалы по прохождению игры.

Участвовать мог кто угодно.

Основная цель любого конкурса «Рокетбанка» — привлечение новых клиентов и развлечение существующих. Безусловно, в конкурсе есть задания стать клиентом банка или привести в банк друга. Но выиграть один из главных призов мог любой участник — не только клиент «Рокета» (такие победители у нас тоже были).

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

Самое важное в подобных конкурсах — соблюсти баланс между сложным и интересным. Все задания должны усложняться по мере вовлечения пользователей в квест, и в «Хипстериаде» нам это удалось.

Результаты

  • Более 2,5 млн раз участники сыграли в игру «Смузираш».
  • 150 тысяч участников проекта по всей России.
  • Более 100 тысяч публикаций в социальных сетях.
  • В три раза выросло количество подписчиков группы во «ВКонтакте» — до 94 тысяч. В результате мы стали четвёртыми по размеру среди пабликов банков.
  • Более 70 тысяч комментариев в соцсетях.
  • Более 10 тысяч новых клиентов.

#маркетинг #кейсы

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Василий Хозяйнов", "author_type": "self", "tags": ["\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433","\u043a\u0435\u0439\u0441\u044b"], "comments": 16, "likes": 32, "favorites": 1, "is_advertisement": false, "subsite_label": "marketing", "id": 39131, "is_wide": false, "is_ugc": true, "date": "Fri, 01 Jun 2018 13:39:00 +0300" }
{ "id": 39131, "author_id": 36795, "diff_limit": 1000, "urls": {"diff":"\/comments\/39131\/get","add":"\/comments\/39131\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/39131"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199113 }

16 комментариев 16 комм.

Популярные

По порядку

Написать комментарий...
8

Очень интересно)

Ответить
15

Ну не знаю. Я для себя ничего нового не узнал.

Ответить
8

Лучше бы новое приложение сделали

Ответить
13

Приложение хотя бы старое есть, вот в обещанный веб-банк бы уже зайти....

А за статью спасибо, прослезился (цитата папы Кирилла Родина)

Ответить
1

и ни слова про наплывы игроков и доблестную работу админов.

Ответить
11

Хороший банк. И конкурсы интересные

--
Отправлено с айфона, выигранного на Хипстериаде

Ответить
5

Ребят, может теперь после того как +10к клиентов получили, стоит не только над конкурсами, но и над продуктом поработать, а? После того, как радикально опустили ПНО - держать деньги на карте/доп.счете стало бессмысленно, а значит автоматически и уменьшились платежи с нее, по сути перейдя на модель "я стою рядом с магазином, в котором в этом месяце кэшбэк 10%, поэтому перекину с другой карты по C2C денежку на покупку и сразу потрачу ее ради кэшбека". Это же вам самим не интересно! Возвращаясь к кэшбеку - где повышенный процент на категории, а не конкретные точки (вот сейчас в июне предлагаете 3% на РЖД - спрашивается, кому это может быть нужно, когда можно иметь 3% на всю категорию "Транспорт" в Космосе/Пользе)? Где сниженный порог вывода? Где вообще более удобный способ вывода? Где хоть какие-то партнеры для траты бонусов? Захожу в Рокетшоп - там один товар "Стикерпак", да и тот - "скоро в продаже". Это как вообще? Да и в перечне партнеров со скидками тоже что-то давно не было изменений...
О браузерном интернет-банке я уж молчу, хотя непонятно, почему такие крутые спецы (см. статью про конкурс) не могут несчастное веб-приложение сделать, хотя все остальные - справились, кроме какого-нибудь TalkBank'а, но вы же не хотите быть в одном ряду с этим днищем?
Что еще сказать.... Почему до сих пор ограничение на снятие в сторонних банкоматах - 10 тыс. руб.? Сейчас это уже неактуально. Все делают или ограничение на число снятий с более солидным лимитом, или ограничение по общей сумме в месяц. 5 раз по 10 тыс - это уж совсем жлобство, извините.
Покупать что-то в валюте по прежнему нереально - курс слишком невыгодный и взять "с потолка". ОК, вы не можете как РНКОшные карты брать курс ЦБ, они такие вообще практически уникальные, но ведь можно хотя бы как Тинькоф - брать курс биржи и просто чуток раздвигать спреды.
Уф, еще что-нибудь можно было написать, но устал и надоело. По факту получается, что единственный серьезный плюс продукта - нормальное приложение, которое быстро стартует (пинок Сбербанку), шустро работает и не представляет собой хтонический запутанный клубок (пинок Тинькову в последних версиях). Ну да, я своей маме его советую, т.к. самое простое для пенсионеров. Вам именно эта аудитория нужна? Или все-таки хотелось "стильно, можно, молодежно"? ОК, простая вещь: почему у вас при всей инновационности и молодежности до сих пор нет поддержки оплаты по QR-кодам??? Их поддерживает Сбербанк, их уже на всех квитанциях печатают - где оно у вас? Где страница "получить перевод", чтобы можно было ввести сумму, на экране телефона отобразился QR-код, который можно показать другому человеку с телефоном, чтобы он его сосканил (из того же приложения Сбербанка в т.ч.!) и перевел сразу заданную сумму. Ну мелочь же с т.з. программинга, но приятная и "инновационная"!
Ну постарайтесь, пожалуйста! Не надо пытаться создавать идеальную карту - это невозможно. Но и ситуация, когда единственный плюс - это "простое и ненапряжное приложение" - уже тоже в корне неправильна.
В общем, успехов.

ps: Речь выше, конечно, про бесплатный тариф. Не помню, что там на платном, но раньше там ничего его оправдывающего не было - при современном-то развитом рынке дебетовых карт...

Ответить
–1

Пользуетесь дерьмовым банком, которому даже на собственную инфраструктуру не хватает, и пишете портянку "а почему вы говно?". Ну не будет лучше, как вы не понимаете?

Ответить
0

Я так понимаю, вы это все риторически и ответа не ждете? Ну ОК. Но обращаю ваше внимание, что у вас в комментарии из двух строчек (не портянка! Вы молодец!) - в каждой затрагивается фекальная тематика. Из чего можно сделать вывод, что анальная стадия психосексуального развития у вас в самом разгаре, а следовательно сейчас ваши соображения на банковскую тематику вряд ли будут релевантны - возвращайтесь к этим вопросам лет через 10. А до тех пор, право, не стоит.

Ответить
1

В майке гоняю порой, а конкурс отличный вышел, да!

Ответить
0

Это все круто, конечно, но когда будут новые акции? Или уже всё?

Ответить
0

Конечно будут

Ответить
0

И в соцсетях тишина. Помирает походу Рокки(

Ответить
0

А что осталось в рокете хорошего кроме не плохого приложения?

Ответить

Комментарий удален

Комментарий удален

Комментарий удален

0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Голосовой помощник выкупил
компанию-создателя
Подписаться на push-уведомления