NAJES x Лига ставок. Разработка креативного сайта для HR-проекта

К моменту обращения к нам у «Лиги Ставок» уже был сайт для привлечения сотрудников, но клиент отказался от старой концепции в пользу нового сайта с уникальным динамичным дизайном: с красивой графикой и 3D-анимацией.

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

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

У клиента было четкое видение этого проекта, и в то же время была и готовность к диалогу. Благодаря этому некоторые блоки мы сделали более лаконичными и понятными относительно изначального проекта. Нам понравилось, что заказчик поддерживал наши креативные решения и не устанавливал серьезных ограничений. Это позволило сделать яркий, динамичный и неординарный проект.

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

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

Динамика помогла соединить блоки между собой, а графика поддержала прописанные текстом тезисы. Например, в некоторые заголовки мы интегрировали значки со спортивной атрибутикой. В результате достаточно насыщенная информацией главная страница сайта воспринимается как единое полотно и цельная история. Давайте посмотрим, из чего она состоит.

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

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

Он сделан максимально просто. Заголовок слева от текстового блока представлен в виде бегущей строки. Лаконичность этого блока дает читателю возможность расслабиться и отдохнуть после визуально насыщенного начала.

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

Фотографии рядом с тезисами – как бегущая строка, которая движется слева направо по мере того, как пользователь листает страницу. Это решение не дает читателю заскучать и подталкивает скроллить ниже, чтобы узнать, что же будет дальше.

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

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

При пролистывании плашки накладываются друг на друга. Таким образом мы втягиваем читателя в дальнейший просмотр страницы.

При желании слайды можно раскрыть и прочитать подробнее. Об этой возможности сигнализирует кнопка-плюсик под каждым тезисом.

«Лига ставок» регулярно проводит мероприятия, с которых у компании есть много фотографий. Для галереи мы отобрали яркие эмоциональные кадры с людьми в главной роли. Верхняя полоса с фотографиями движется справа налево, а нижняя наоборот – слева направо. Все это поддерживает общую динамику страницы и помогает удерживать внимание читателя до самого конца.

«Лига Ставок» – крупное системообразующее предприятие. В компании более 3500 сотрудников. Многоступенчатая, достаточно сложная иерархия делает процесс согласования проекта достаточно сложным и долгим.

Когда дизайнерам заказчика все нравится, согласование только начинается. Однажды мы готовили антипримеры, чтобы команда, которая непосредственно с нами взаимодействовала, могла показать эти макеты на защите проекта перед руководством.

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

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

Благодаря проекту https://career.ligastavok.ru/ мы поняли, что можем одинаково хорошо работать как с небольшими бизнесами, так и с крупными компаниями. Квалификация и сплоченность команды делают взаимодействие с нами комфортным и эффективным для заказчиков.

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

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