Сайт инжиниринговой компании АВИАОК
Авиаок - крупная инжиниринговая компания, лидер в области разработки и производства аппаратных и программных средств автоматизации, верификации программного обеспечения и выполнения проектно-конструкторских работ.
Авиаок регулярно принимает участие в крупнейших мировых отраслевых выставках и форумах, таких как Аvionics conference and Exhibition, Aircraft Interior EXPO, Международный Авиационно - Космический Салон - МАКС. Ведущие мировые производители авиационной техники выбрали АВИАОК в качестве надёжного поставщика инженерных услуг. Среди которых Инженерный центр «Икар» компании Airbus, Гражданские самолёты Сухого, ТАНТК им. Г.М. Бериева, Уральский завод Гражданской авиации, и др.
Сегодня я, основатель Tutmee Михаил Лопатин хотел бы рассказать о процессе работы над этим интереснейшим проектом. Нас очень быстро захватила тема конструкторских разработок, ведь такой интересный дизайн можно создать, поиграть с деталями и самолётами! Во главе проектной группы стоял неизменно наш проект – менеджер Татьяна, она расскажет какие задачи перед нам стояли.
Задача
«Когда к нам приходят проекты с целью создания имиджевого сайта, дизайнеры безумно рады, ведь можно и нужно фантазировать с полной отдачей. Однако, моей задачей на этот раз был контроль баланса между творчеством и оптимальным юзабилити. Каким бы красивым сайт ни был, он должен быстро грузиться, быть удобным и понятным пользователю.
Сайт Авиаок должен стать презентабельным лицом компании в сети. Благодаря ему, партнёры смогут получить информацию о предоставляемых услугах, посмотреть реализованные проекты и оценить используемые инструменты. Целевых действий у пользователя как таковых нет».
Реализация
Для разработки эффектных заголовков и грамотного текста с точки зрения SЕО оптимизации, был привлечён наш штатный копирайтер. Давайте узнаем у Юлии как проходила работа, по какому принципу пишутся тексты и откуда берётся вдохновение.
Создание контента
«Ко мне поступает задача уже после согласования первичной структуры. На этом этапе я понимаю сколько будет блоков и примерный объем информации.
В тандеме с дизайнером мы обмениваемся идеями будущей визуализации сайта, так что передо мной стоит цель написания цепляющих заголовков со вкусными словечками и переработка полученного текста от заказчика.
Спасибо клиентам, которые обеспечили нас информацией для погружения в тему, данных было достаточно и вскоре всё было готово.
Тема конкретная, мужская, поэтому я мыслила тезисно, такая концентрированная подача информации помогает держать внимание и «без воды» находить нужное на сайте».
Дизайн
«Мы вдохновлялись иностранным опытом инжиниринговой области для создания Авиаок. К сожалению, или к счастью, среди сайтов аналогичных бизнесов в России мы не нашли ресурсов, произведших wow-эффект, поэтому решили создать такой самостоятельно.
Первая наша мысль «оживить» самолёт на стартовой странице сразу понравилась заказчику. Ставка сделана на качественные, вкусные, «безграничные» картинки - экрана будто не существует. Нестандартное меню поддерживает идею профиля работ заказчика. «Сила мысли», «разработка», «проектирование» - такие ассоциации возникают при работе на сайте».
Такие сложные, замысловатые переходы между страницами были с лёгкостью реализованы нашими разработчиками, сайт действительно в процессе получался всё более замысловатым, дизайнерами мастерски завуалирована информация так, что ты находишь все необходимое, но не ощущаешь давления текста. Более подробно про этап вёрстки расскажет наш frontend разработчик Сергей:
Front end разработка
«Реализация идеи горизонтального перелистывания экранов путём смещения и наложения предыдущего на последующий экран с зависимостью от порядка переходов.
Динамическая загрузка фонового видео происходит по мере перехода по экранам, что значительно уменьшает загружаемый объем данных. На сайте детально проработана анимация всех элементов, от небольшой перетекающей кнопки, трансформирующейся в точке при открытии текстового блока до уникальных для каждой страницы анимаций фонового изображения, таких как парящий самолёт, параллакс капель с эффектом глубины резкости.
Кроме того, реализован продуманный пользовательский интерфейс и пользователь может взаимодействовать с сайтом при помощи колёсика или мыши. Программная часть реализована на CMS WordPress.»
Отображение на разных устройствах
Результаты работы
Мы действительно реализовали качественный сайт с уникальным дизайном, чётко проработанной структурой и технической частью, удобной системой управления, позволяющей легко вносить изменения без помощи специалистов. Дизайн разработан под все разрешения, сайт корректно отображается на любых устройствах.
Награда AWWWARDS
Отдельная гордость за то, что сайт Авиаок получил награду Mobile Excellence от компании Google и крупнейшего конкурса Awwwards за максимальное соответствие критериям оценки мобильной версии сайта.
Мне импонирует эта работа за целостность восприятия, стиль- картинки без контура будто бесконечное небо не имеют конца и края. Создаётся впечатление крупной, надёжной и престижной компании, которой нет равных. Мы решили задачу заказчика – показали продукт во все красе!