Корпоративный сайт Bimeister

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

Новая структура и нарратив

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

Комбинированный подход

Сайт объединил в себе лучшие черты корпоративного (четкая структура, функциональность) и промо-сайта (яркая идентичность, эмоциональный нарратив), что позволило одновременно информировать и вовлекать пользователя.

Визуальная коммуникация

Легкий, «воздушный» дизайн с плавной анимацией и адаптированными элементами фирменного стиля (паттерны) создает ощущение прогресса, цифровизации и стабильности, визуально транслируя новые ценности бренда.

Этап аналитики показал необходимость объединения элементов промо и корпоративных сайтов. Комбинируя подходы, мы заимствуем такие корпоративные элементы, как функциональное и понятное разделение на смысловые блоки и сервисные элементы. При этом, как на промо-сайтах, можем максимально раскрыть идентичность бренда через общий нарратив.

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

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

Такие элементы идентичности бренда как паттерны с точками и плюсиками мы адаптировали для некоторых блоков на сайте. 

Расставляя акценты, они также создают эффект работы с веб-пространством, отсылая к специфике платформы BIMeister.

На проекте использовался стек Pug, SCSS, TypeScript на фронтенде и Битрикс на бэкенде. Одним из наиболее интересных в плане реализации был первый экран на главной странице, где при наведении на пин закрашивается цветом часть изображения.

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

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