Решение:

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

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

Удобная навигация

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

Актуальный дизайн

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

Адаптивная верстка

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

Итог:

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

Перейти на сайт