Bimeister — международная группа компаний, занимающаяся разработкой, инжинирингом и внедрением инновационных цифровых решений для промышленности.
Задача
Обновленный сайт должен транслировать позиционирование Bimeister как стабильной, уверенной и в то же время активно развивающейся компании. Важной задачей на проекте была грамотная проработка структуры, для того чтобы предоставить пользователю полноценную информацию о ценностном предложении бренда и выделить его на фоне конкурентов.
Исследования
Этап аналитики показал необходимость объединения элементов промо и корпоративных сайтов. Комбинируя подходы, мы заимствуем такие корпоративные элементы, как функциональное и понятное разделение на смысловые блоки и сервисные элементы. При этом, как на промосайтах, можем максимально раскрыть идентичность бренда через общий нарратив.
Для того чтобы точно передать преимущества продуктов и услуг компании, мы решили рассказать о них через три призмы: отрасли применения, решаемые задачи и конкретные модули. Помимо этого, нарратив строится в контексте трех этапов жизненного цикла проекта, что подчеркивает комплексность программного решения Bimeister.
Дизайн
Дизайн получился воздушным, легким и ненавязчивым. Он плавно вводит пользователя в сферу деятельности компании и транслирует идеи прогресса и цифровизации. Плавный скролл и анимации оставляют спокойное ощущение, отражая стабильный и уверенный характер бренда.
Айдентика в диджитал
Такие элементы идентичности бренда как паттерны с точками и плюсиками мы адаптировали для некоторых блоков на сайте. Расставляя акценты, они также создают эффект работы с веб-пространством, отсылая к специфике платформы Bimeister.
Разработка
На проекте использовался стек Pug, SCSS, TypeScript на фронтенде и Битрикс на бэкенде. Одним из наиболее интересных в плане реализации был первый экран на главной странице, где при наведении на пин часть изображения закрашивается цветом.
Для его реализации нам нужно было использовать SVG-маску с моделями поверх основного изображения и сделать так, чтобы они точно совпадали на всех разрешениях. При этом важно было привязать каждый из пинов к своему объекту, чтобы их положение оставалось фиксированным при изменении размера экрана.
Bimesiter — технологичный партнер, помогающий своим клиентам реализовывать крупные проекты по цифровизации. Обновленный сайт стал отражением этой идеи благодаря единому комплексу решений на стороне аналитики, дизайна и разработки.
