Сайт, для серьёзных аналитиков который звучит как рок-н-рольный саундтрек

Хорошее сотрудничество не заканчивается одним проектом.

С компанией КОРУС Консалтинг мы плотно сотрудничали и ранее. У заказчика существует несколько направлений развития и мы выступали подрядчиками на проекте КОРУС WMS. В этот раз к нам с задачей на редизайн пришло самое крупное подразделение компании – Департамент Аналитических Решений или сокращённо - ДАР.

Что объединяет большие данные и рок-н-ролл?

На первый взгляд ничего, но только не для команды КОРУС ДАР. Когда коллеги обратились к нам за обновлением сайта, то мы сразу поняли: это будет не просто проект про разработку и дизайн, а история про дух команды, смелость, нестандартность и большую любовь к своей профессии.

ДАР: не просто консалтинг, а консалтинг с драйвом.

Корус ДАР – это экспертиза в управлении данными полного цикла: от сбора и визуализации до разработки кастомных решений на базе машинного обучения. Они стояли у истоков аналитических систем для РЖД и первыми в России открыли обучающий центр Luxms BI. А ещё у них есть необычная внутренняя расшифровка аббревиатуры, которую мы сразу взяли на вооружение: «ДАР = Данные. Аналитика. Рок-н-ролл.»

Почему понадобился редизайн?

Бренд КОРУСа – ДАР был амбициозным и со своим фирменным стилем и правилами. Старый сайт говорил: «я один из сайтов группы компаний, который сделан очень давно» и это надо было исправить. 

Мы провели аудит и выявили три ключевые проблемы:

   ● Нелогичная структура, которая мешала пользователю быстро ориентироваться по сайту, 

   ● Неинформативные блоки – особенно в разделе о компании и карточках команды, вопреки тому, что к ним у пользователей высокий интерес,

   ● Визуально и идейно сайт не соответствовал компании – её ценностям, стилю и подходу к работе.

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

Мы провели серию интервью с командой ДАР, в том числе с директором по развитию.

Все как один говорили: «Хочется уйти от скучных корпоративных шаблонов. Мы другие». И действительно, рынок IT-консалтинга часто визуально обезличен. Коллеги хотели яркости и индивидуальности, поэтому доверили нам задачу полного редизайна сайта.

План по редизайну включал в себя:

   ● переработку структуры и разработку прототипа с учетом аналитики поведения пользователей,

   ● создание дизайн-концепции и её последующая реализация,

   ● упаковку брендинга в единую структуру,

   ● разработка блоков с упором на найм будущих кандидатов в команду.

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

Мы сегментировали пользователей на три большие группы:

1. Бизнес-клиенты:

   ○ Аналитики и руководители, которые хорошо ориентируются в BI

   ○ Менеджеры и директора, которым нужна помощь в принятии решений на основе данных

2. IT-аудитория:

   ○ Специалисты и разработчики, ищущие информацию по платформам, системам и интеграциям

3. Соискатели:

   ○ От студентов до опытных экспертов, в том числе кандидаты, которые сменили квалификацию

   ○ Их интересуют команда, атмосфера, перспективы развития и конкретные проекты

Такой подход позволил нам проектировать блоки и навигацию, опираясь на реальные пользовательские сценарии, а не только на пожелания бизнеса. 

На основе всех выводов мы сформулировали новую структуру и расставили приоритеты. Мы сразу понимали: сайт должен одинаково хорошо работать в трёх сценариях – для клиентов, для IT-аудитории и для кандидатов.

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

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

      ● «Услуги/направления» чётко объясняют, чем ДАР занимается и где сильны (без корпоративной размытости).

      ● «Платформы/решения» закрывают запрос IT-аудитории, которой важны конкретика, технологии и контекст применения.

      ● «Кейсы/опыт» показывают реальный масштаб и тип проектов, что критично для тех, кто выбирает подрядчика или партнёра.

      ● «Карьера» – помогает HR-задачам

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

За основу мы взяли архетип бренда, он стал ещё одним ориентиром при создании визуального и вербального образа:

   ● Маг – экспертность, трансформация через данные, создание продуманного «шоу» в цифровой среде.

   ● Шут – живой характер, нестандартность, юмор и отсутствие шаблонной корпоративной риторики.

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

Мы всегда начинаем концепцию не с визуала, а с поиска ключевого смысла: что бренд хочет сказать и какую эмоцию должен почувствовать пользователь.

В случае ДАРа картина была непростая – большое количество стейкхолдеров, что могло вполне отразиться на единстве мнений и пожеланий. Это накладывало на нас большую ответственность, вектор развития нужно было выбирать особенно аккуратно: важно было сохранить корпоративность и не потерять дерзость. 

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

   ● ДАР – часть большой корпорации,

   ● компания работает с «большими ребятами»: госсектор, крупный бизнес,

   ● при этом внутри компании – демонстрируется характер и яркая корпоративная культура,

   ● предмет работы – аналитика, которая у большинства ассоциируется с чем-то скучным.

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

Мы думали и долго обсуждали внутри команды, с кем же у нас ассоциируется команда КОРУСА и пришли к образу из поп-культуры – «Стражи Галактики». Если сложить tone of voice и брендинг компании, то можно увидеть взаимосвязь: как и герои Marvel, они делают серьёзные проекты, но при этом остаются яркими, живыми и очень драйвовыми.

В процессе работы над дизайн-концепцией была озвучена идея, от которой мы всей командой пришли в восторг – «кнопка, которая включает безумие»!

В чем суть:

   ● базовое состояние сайта – корпоративное, спокойное

   ● в альтернативном режиме всё усиливается: больше цвета, больше динамики, ощущение, что кто-то переключил тумблер.

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

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

Было решено взять некоторые элементы и собрать их в работающую в вебе систему:

   ● мы взяли из брендбука геометрические вырезы и паттерны,

   ● упростили слишком сложные решения (паттерны из кубов, которые сильно шумели),

   ● на сайте появились характерные «шторки» и геометрия, которые перекликаются с брендингом, но читаются чище.

Так бренд, который хорошо работал в статике, стал управляемым в интерфейсе. 

Мы столкнулись с необычной задачей. У ДАРа не было полноценной качественной фотосъёмки, только разношерстные кадры с мероприятий, с разными ракурсами и стилистикой. Стоковые фотографии использовать было нельзя – клиент категорически не хотел этого. При этом визуализировать «аналитику» и консалтинг в данных сложно само по себе: понятной картинки к услуге не подобрать, а абстрактные графики быстро превращают сайт в типовой.

Мы прописали рекомендации для фотосессии и подобрали для клиента референсы, чтобы уже в процессе запуска можно было безболезненно встроить контент в новую систему. 

● motion blur для съёмки в офисе – создаст ощущение движения и скорости,

● блики в городской среде – покажут связь с динамикой города и бизнеса,

● нестандартные ракурсы – чтобы уйти от прямолинейных, «отчётных» кадров.

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

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

Этот пакет состоял из:

   ● исходной фотографии,

   ● яркого фона,

   ● геометрической маски/выреза,

   ● дополнительных элементов: неоновые символы, яркие мелкие детали.

Ключевые вариации:

   ● разные ракурсы и повороты – кадры наклоняются, смещаются, за счёт чего появляется динамика;

   ● каждый блок собирается по своему шаблону,

   ● все фотографии на сайте остаются разными, при этом вместе выглядят целостно.

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

По итогу получилось: 

   ● максимальный набор: паттерн + подложка + фото + неоновый символ,

   ● умеренный вариант: подложка + фото,

   ● самый спокойный: только фото.

Так у клиента появилась возможность варьировать степень «рок-н-ролльности» в зависимости от задачи блока и при этом оставаться в рамках одной концепции.

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

Что мы сделали:

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

● Собрали UX/UI kit для разработки с подробными рекомендациями.

● Зафиксировали правила использования бренд-элементов в вебе.

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

● Передали готовые макеты в разработку.

● Сопровождали клиента в процессе интеграции до полного завершения проекта.

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

На уровне первого впечатления пользователь сразу считывает характер: это не безликая консалтинговая витрина, а живая команда, которая говорит о сложных вещах простым языком и не боится цвета, движения и смелых акцентов. Сценарии для клиентов, партнёров и соискателей разложены по полочкам: легко найти информацию о компании, услугах, экспертизе и людях, а не теряться в разрозненных подразделах и перегруженных текстах. Карточки команды, ценности, принципы работы и образовательные инициативы не спрятаны в глубине навигации, а наоборот, они работают на HR-бренд и помогают ДАРу говорить с будущими коллегами на одном языке. 

Сейчас сайт помогает ДАР не только развивать свой HR-бренд, но и привлекать экспертов и заказчиков. И, возможно, вдохновляет других аналитиков тоже добавить немного рок-н-ролла в свои цифры.