Сайт Группы инжиниринговых компаний WEST-RU

1. Вводная задача от заказчика, проблематика, цели

Международная группа компаний WEST-RU работает в сфере инжиниринговых и IT-услуг. WEST-RU осуществляет полный цикл производства современного сварочного оборудования – от штамповки деталей до разработки программного обеспечения и последующего внедрения «под ключ» на промышленных предприятиях автомобилестроения, авиастроения и т.д.

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Решение:

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

• цвета лого (оранжевый, белый и тёмно-синий) стали базовой цветовой гаммой сайта;
• треугольную форму логотипа мы использовали как центральный элемент навигации – каждый угол лого обозначает одно из трёх основных направлений деятельности компании (инжиниринг, производственные системы и IT-услуги);
• кнопка «вверх» и кнопки переходов к другим разделам также выполнены в форме логотипа;
• мы обыграли сходство лого со штампованной деталью, что также отразилось в дизайне главной страницы.

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

В дизайне главной страницы использованы объёмные анимированные элементы (движение, смена цветов при наведении курсора), однако их наличие не утяжеляет сайт – вся анимация выполнена на скриптах, без применения Flash. Основной формой навигации по главной странице стала вертикальная прокрутка (scroll), позволяющая быстро считывать максимум информации.

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

3. Результаты сотрудничества

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