К моменту обращения к нам у «Лиги Ставок» уже был сайт для привлечения сотрудников, но клиент отказался от старой концепции в пользу нового сайта с уникальным динамичным дизайном: с красивой графикой и 3D-анимацией.
До этого проекта мы больше года регулярно сотрудничали с этой компанией по дизайнерским задачам: разрабатывали иллюстрации, стикеры и квизы. Благодаря этому у нас уже был бэкграунд взаимодействия, и клиент нам доверял. Мы сдружились с их проектным менеджером, и весной 2023 года он попросил нас сделать сайт о работе в «Лиге Ставок».
Этот HR-проект с помощью красивой визуальной упаковки рассказывает о преимуществах работы в компании. Основной упор сделан на главную страницу, но также есть разветвление по внутренним страницам, соответствующим разным отделам. Нам предоставили всю необходимую информацию для работы: тексты, брендбук, фирменные цвета.
У клиента было четкое видение этого проекта, и в то же время была и готовность к диалогу. Благодаря этому некоторые блоки мы сделали более лаконичными и понятными относительно изначального проекта. Нам понравилось, что заказчик поддерживал наши креативные решения и не устанавливал серьезных ограничений. Это позволило сделать яркий, динамичный и неординарный проект.
Дизайнерские решения
Поскольку нашей задачей была только визуальная и техническая часть, в рамках этого проекта мы не проводили маркетинговые исследования, а сразу приступили к разработке дизайна.
Нашу первую дизайн-концепцию клиент не одобрил. Но благодаря тому, что штатный дизайнер «Лиги Ставок» был с нами в тесном контакте, предлагал свои идеи и активно обсуждал наши, следующая концепция понравилась обеим сторонам, и мы начали ее детальную проработку. В итоге получился простой для восприятия лендинг с элементами лонгрида, без привычных для сайтов такого плана форм захвата, зато с большим количеством визуала и текста.
Динамика помогла соединить блоки между собой, а графика поддержала прописанные текстом тезисы. Например, в некоторые заголовки мы интегрировали значки со спортивной атрибутикой. В результате достаточно насыщенная информацией главная страница сайта воспринимается как единая и цельная история. Давайте посмотрим, из чего она состоит.
Первый экран
В брендбуке заказчика много примеров игровых полей с разметками. Первый экран мы также решили разделить линиями для объема и сегментации пространства. Слева разместили оффер с меняющейся раз в несколько секунд второй частью фразы.
Справа фотография молодой девушки и двух парней, а над ними подписи от их лица: «Заряжаю энергией», «Влияю на результат», «Пробую новое». При наведении курсора на эти плашки они начинают немного «подпрыгивать» в пространстве. Этот визуальный ход встречается и в других местах страницы и добавляет динамики всему сайту.
Блок «О компании»
Он сделан максимально просто. Заголовок слева от текстового блока представлен в виде бегущей строки. Лаконичность этого блока дает читателю возможность расслабиться и отдохнуть после визуально насыщенного начала.
Следующий блок мы решили представить в виде футбольного поля, по которому мяч летит от ворот до ворот, поэтапно привлекая внимание к ключевым цифрам о компании. Цифры здесь – как игроки, которые пинают мяч от одного к другому.
Блок «Направления и преимущества работы в компании»
Фотографии рядом с тезисами – как бегущая строка, которая движется слева направо по мере того, как пользователь листает страницу. Это решение не дает читателю заскучать и подталкивает скроллить ниже, чтобы узнать, что же будет дальше.
Блок «К чему мы стремимся»
В этом блоке сформулирована миссия компании и даны три глобальных смысла. Каждый из них мы сопроводили графикой в виде дротика, попадающего в яблочко. Этот образ отлично иллюстрирует ключевые смыслы всего бизнеса «Лиги Ставок».
Блок «Ценности, которые мы разделяем»
В одной из презентаций клиента мы увидели концепцию о том, что свои ценности они связывают с определенными видами спорта. Например, клиентоориентированность – это футбол, эффективность – баскетбол и т.д. Каждому виду спорта также соответствует определенный цвет. Мы сделали плашки в этих цветах и разместили на них рядом с текстом спортивную атрибутику, подходящую каждому виду спорта.
При пролистывании плашки накладываются друг на друга. Таким образом мы втягиваем читателя в дальнейший просмотр страницы.
При желании слайды можно раскрыть и прочитать подробнее. Об этой возможности сигнализирует кнопка-плюсик под каждым тезисом.
Блок «Галерея»
«Лига ставок» регулярно проводит мероприятия, с которых у компании есть много фотографий. Для галереи мы отобрали яркие эмоциональные кадры с людьми в главной роли. Верхняя полоса с фотографиями движется справа налево, а нижняя наоборот – слева направо. Все это поддерживает общую динамику страницы и помогает удерживать внимание читателя до самого конца.
Сложности проекта
«Лига Ставок» – крупное системообразующее предприятие. В компании 12 разных отделов и более 1000 сотрудников. Многоступенчатая, достаточно сложная иерархия делает процесс согласования проекта достаточно сложным и долгим.
Когда дизайнерам заказчика все нравится, согласование только начинается. Однажды мы готовили антипримеры, чтобы команда, которая непосредственно с нами взаимодействовала, могла показать эти макеты на защите проекта перед руководством.
А еще была ситуация, когда ребята из-за высокой загрузки по другим задачам пропали дней на 15, а потом еще на 10. Хорошо, что к тому моменту большая часть работы была сделана, и когда они снова вышли на связь, мы оперативно доделали финальные штрихи.
Выводы и планы
Сейчас мы развиваем и наполняем контентом внутренние страницы сайта, а в ближайшее время встроим автоматическую интеграцию с сервисом friend.work, чтобы соискатели могли легко и быстро переходить к описанию интересующих вакансий.
Благодаря проекту https://career.ligastavok.ru/ мы поняли, что можем одинаково хорошо работать как с небольшими бизнесами, так и с крупными компаниями. Квалификация и сплоченность команды делают взаимодействие с нами комфортным и эффективным для заказчиков.
А если мы видим, что задачу лучше решит не новый сайт, а что-то другое, мы всегда об этом говорим. Возможно, мы теряем на этом деньги, зато остаемся честны перед вами и самими собой, потому что хотим не просто заработать, а помогать компаниям развивать их бизнес.
Планируем номинировать этот проект на конкурсы и будем рады сотрудничеству с компаниями аналогичного масштаба. Чтобы обсудить свой проект, оставьте заявку на нашем сайте, и мы предложим подходящее решение.
Подписывайтесь на наш канал в Телеграме – будем знакомиться ближе. Там кейсы и статьи, жизнь и рабочие процессы нашей студии как на ладони.
Ждем от вас обратной связи в комментариях! А если вы хотите узнать больше о нашей работе, заходите к нам на сайт Студии.
