RBE Group — масштабный сайт для многопрофильной компании

Главное о кейсе

AVA разработали сайт для RBE GROUP — одной из крупнейших компаний в России.

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

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

Сайт стал отправной точкой для формирования нового образа компании в digital-формате. Дизайн формирует единую визуальную презентацию RBE Group и объединяет все ее направления в понятную систему.

Как проект изменил жизнь пользователей

Для компании с большим количеством профилей важно создать понятную структуру сайта.

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

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

Бизнес-задача и ее решение

RBE Group — одна из крупнейших компаний в России, которая работает в нескольких сферах: от фуд-сервиса до агропромышленности. Нужно было разработать сайт, который объединит все профили компании, продемонстрирует охват бизнеса и раскроет специфику каждого направления.

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

Крафт (мастерство), реализация, технические детали

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

Заложили в визуал метафору обширной деятельности компании. Разместили на сайте 3D-карту России и интерактивную карту с объектами производства и офисами, чтобы подчеркнуть статус крупной межнациональной компании. На странице «Карьера» через образ сотрудника показали разнообразие карьерных возможностей в RBE Group.
Абстрактные формы и объемные 3D-объекты передают технологичность и не привязывают визуальный язык к конкретной отрасли. С помощью объемных форм мы создали второй "уровень" метафоричных образов: например, белый круг в прелоадере символизирует замкнутую систему, которая функционирует вне зависимости от внешних обстоятельств.

Для проекта создали несколько 3D-сцен с интерактивными 2D-элементами. Добавили множество микро-анимаций по скроллу: на странице "О компании" несколько изображений преобразуются в единое видео, а в блоке преимуществ компании золотая линия сопровождает пользователя и очерчивает контур логотипа компании.

На экране с инфраструктурой разместили 3D-модель мультифункционального здания, которая отражает разнообразие активов RBE. При наведении курсора на точки подсвечиваются отдельные корпуса, которые соответствуют сферам работы компании. Это усиливает метафору, заложенную в визуале — RBE предстает как единая самодостаточная система. Сделали интерактивными блоки истории и активов, которые знакомят пользователя с устройством RBE Group.

Анимация на всем сайте остается сдержанной и подчеркивает современность компании, не перетягивая внимание с контента.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты