Корпоративный сайт для «Вертолётов России»

Основой дизайна сайта стала четырёхколоночная сетка на 100% ширины экрана. Такой выбор способствовал созданию аккуратного нешаблонного материального дизайна. Стиль основан на плашках, крупных блоках, сочетании сочных фотографий и минималистичной иконографики.

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

Главная страница сайта стала, по классике, разводящей — на ней представлены основные разделы сайта: каталог, сервис, о компании и новости. Эти разделы являлись самыми посещаемыми на старом сайте, и мы сделали их основными на новом. Тем более, это типичный набор разделов для корпоративных сайтов.

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

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

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

Также здесь есть возможность самостоятельно добавить или убрать то или иное оборудование и предметы интерьера. Этот конфигуратор планируется реализовать с помощью 3D-моделей вертолётов и оборудования, значит, пользователь для наглядности сможет покрутить вертолёт в конфигураторе на 360 градусов. Ещё одной фишкой конфигуратора является подбор расцветки, которая автоматически поменяется на модели.

В разделе «О холдинге» находится много информационных страниц, транслирующих корпоративную составляющую сайта. Здесь мы рассказали о самом холдинге, о его истории, руководстве, структуре и вакансиях.

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

Помимо основных разделов и страниц сайта, я сделала много дополнительных страниц, необходимых крупному холдингу. Это страница документации, отчётности, лицензий и пресс-кита, которые, в основном, состоят из карточек с документами. Самой сложной и многосоставной оказалась страница контактов, потому что на ней представлены контакты для продажи в России и за рубежом, и, помимо этого, контакты сервисного обслуживания. Все эти контакты я разделила по блокам для удобства навигации.

Поскольку сетка сайта не шаблонная, и сайт занимает 100% ширины экрана, мне было необходимо отрисовать ключевые макеты под 5 разных разрешений экрана. Ситуацию спасло то, что я использовала одну и ту же сетку на всех страницах сайта. Благодаря этому для некоторых разрешений я рисовала только страницу стилей, чтобы создать понимание у front-end разработчика о принципах адаптации.