ANSARA

Промо-сайт онлайн-чемпионата по Data Science для Альфа-Банка

Alfa Battle 2.0: две задачи на миллион рублей, этапы, лидерборд, жюри и переход к карьере в Альфа-Банке и компаниях-партнёрах

Альфа-БанкОткрыть сайт ↗
Промо-сайт чемпионата Alfa Battle 2.0 для Альфа-Банка: первый экран с 3D-кубом — кейс ANSARA
2
задачи из настоящей работы банка
6 недель
на создание рабочих моделей
3
компании-партнёра чемпионата
1 млн
рублей призового фонда

Задача: позвать сильных специалистов по данным на чемпионат

Alfa Battle — онлайн-чемпионат по Data Science, который проводит Альфа-Банк. Участники решают задачи из настоящей работы банка, а партнёрами второго сезона стали Билайн, АльфаСтрахование и X5 Retail Group.

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

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

  • Объяснить формат чемпионата за один экран: что решать, когда и сколько можно выиграть
  • Показать две задачи так, чтобы участник сразу выбрал свою или решил взять обе
  • Собрать в одном месте этапы, брифинги, систему оценки и лидерборд
  • Сделать сайт заметным: чтобы его хотелось открыть и переслать коллеге
  • Рассказать о жюри и партнёрах, не превращая страницу в презентацию
  • Привести участников к вакансиям Альфа-Банка и компаний-партнёров

Как мы работали

  1. 1

    Разобрали путь участника

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

  2. 2

    Придумали визуальный язык

    Красная сетка, крупная техничная типографика, 3D-кубы с логотипом AB 2.0 и текст, который собирается из случайных букв, как будто данные расшифровываются на глазах.

  3. 3

    Сделали дизайн для компьютера и телефона

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

  4. 4

    Собрали сайт на Тильде

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

  5. 5

    Запустили к старту чемпионата

    Сайт заработал до открытия регистрации и стал главной страницей чемпионата: задачи, даты, правила и лидерборд в одном месте.

Первый экран, который объясняет всё сразу

Слева — название, формат «онлайн-чемпионат по Data Science» и главный крючок: «Решите задачи на 1 000 000 рублей!». Справа — 3D-куб с логотипом и плашка с датами старта и финала. Внизу — партнёры: Билайн, АльфаСтрахование и X5 Retail Group. За несколько секунд понятно, что это, когда и зачем участвовать.

Первый экран промо-сайта Alfa Battle 2.0: онлайн-чемпионат по Data Science, призовой фонд и даты
Первый экран: формат чемпионата, призовой фонд, даты и партнёры

Ниже — манифест на чёрном фоне: «Специалисты по Data Science в Альфа-Банке превращают свои идеи в востребованные продукты». Слова Data Science проявляются из перемешанных букв, а по экрану плывут чёрные 3D-капли.

Манифест Alfa Battle: специалисты по Data Science в Альфа-Банке превращают идеи в продукты
Манифест чемпионата: Data Science проявляется из случайных букв

Две задачи и всё, что нужно для решения

Блок задач открывает бегущая строка «задачи → задачи». Дальше две карточки. В первой нужно по прошлым операциям предсказать действие клиента в приложении банка, во второй — оценить надёжность заёмщика. У каждой задачи свой брифинг, а рядом кнопки «Система оценки» и «Смотреть лидерборд». Участник получает всё для старта и не ищет правила по разным страницам.

Задачи чемпионата по Data Science: предсказать действие клиента и оценить надёжность заёмщика
Две задачи чемпионата, брифинги, система оценки и лидерборд

Этапы, даты и призы без мелкого шрифта

Красный блок «Даты» раскладывает чемпионат на три этапа: брифинг-конференция 12 декабря, шесть недель на создание рабочих моделей и финал 29 января в конгресс-холле Альфа-Банка. Рядом — запись финала и ссылка на решения победителей.

Этапы чемпионата Alfa Battle 2.0: брифинг-конференция, шесть недель на модели и финал
Этапы чемпионата: брифинг, шесть недель на модели и финал в Москве

В блоке «Мотивация» — призы за первое, второе и третье место по каждой задаче и простой призыв: «Решайте обе! Забирайте больше денег!». Дополнительный стимул — рейтинг на Boosters.pro.

Призы чемпионата Alfa Battle 2.0 за первое, второе и третье место по каждой задаче
Призы за каждую задачу и призыв решать обе

Ценности банка через образ, а не через лозунг

«Мы видим, как идеи обретают форму. Мы пробуем, ошибаемся, начинаем сначала. И, наконец, создаём лучшие продукты на рынке». Этот текст стоит на красном фоне рядом с большим 3D-кубом. Он говорит с аудиторией на её языке: про эксперименты и итерации, а не про «лидера рынка».

Манифест на красном фоне и 3D-куб на промо-сайте Alfa Battle 2.0
Манифест на красном фоне и 3D-куб Alfa Battle 2.0

Карьера после чемпионата

Блок «Выбор за вами» ведёт участников дальше: «Хочу создавать в Альфа-Банке», в Билайне, в АльфаСтраховании или в X5 Retail Group. Чемпионат становится не только соревнованием, но и способом попасть в сильную команду.

Блок «Выбор за вами»: карьера в Альфа-Банке, Билайне, АльфаСтраховании и X5 Retail Group
«Выбор за вами»: переход к карьере в Альфа-Банке и компаниях-партнёрах

Ниже — жюри: руководители направлений анализа данных Альфа-Банка, X5 Retail Group, Билайна, АльфаСтрахования и BigData Team. Карточки жюри оформлены в стиле чемпионата: портрет, логотип компании и должность. Завершают страницу ответы на частые вопросы, от сроков регистрации до того, как попасть на работу в Альфа-Групп.

Удобно с телефона

Мобильная версия сохраняет атмосферу: куб, бегущие строки, красную сетку. А задачи, даты и призы читаются с телефона без увеличения.

Мобильная версия промо-сайта Alfa Battle 2.0: первый экран, задачи и даты
Мобильная версия: первый экран, задачи и даты

Что получилось

После запуска

  • Сайт объясняет формат чемпионата за один экран
  • Задачи, брифинги, система оценки и лидерборд собраны в одном месте
  • Даты и призы видны сразу, без поиска по правилам
  • Яркий визуальный язык выделяет чемпионат среди других IT-событий
  • Участники переходят к вакансиям Альфа-Банка и компаний-партнёров

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

Родион Штерн, Основатель и арт-директор ANSARA

Кому подойдёт такой сайт

  • Компаниям, которые проводят хакатоны, чемпионаты и конкурсы
  • Банкам и IT-компаниям, которые ищут сильных специалистов
  • Организаторам конференций и отраслевых событий
  • Брендам, которым нужен яркий промо-сайт под запуск
  • Тем, кому важно собрать заявки участников за короткий срок
Нужен промо-сайт для события?

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

Скриншоты проекта

Мобильная версия промо-сайта Alfa Battle 2.0: первый экран, задачи и даты
Две задачи чемпионата Alfa Battle 2.0 с брифингами, системой оценки и лидербордом
Даты и этапы онлайн-чемпионата по Data Science от Альфа-Банка
Переход к вакансиям Альфа-Банка и компаний-партнёров на сайте чемпионата

Другие кейсы

Все кейсы →