ЗАО "Азимут-Альянс"
120 000
Программное обеспечение
Россия, Санкт-Петербург
Корпоративный сайт
Октябрь 2020
Изначально сайт Азимут-Альянса был недоступен всем пользователям. Компания использовала его как каталог для корпоративных клиентов. Он казался совсем нерепрезентативным – ничего не рассказывал о компании и оборудовании, которое она изготавливает. Кроме того, дизайн был сильно устаревшим. Компания оказалась в ситуации, в которой сайт вроде бы есть, но нем никто не мог узнать.
Решено было начать с разработки фирменного стиля, так как он – основа будущей визуальной коммуникации компании и всей дальнейшей работы.
На основе фирменного стиля сделали классный дизайн сайт. Продумали разрешения и адаптивы. Решили не усложнять и без того сложную тематику, а сделать акцент на свободное пространство и удобство. Изюминкой стали летающие по заданной траектории пассажирские самолетики.
Мы всегда стараемся сделать так, чтобы будущий сайт был удобен для пользователя. Мы анализируем проект и определяем, что важно и нужно донести до его потребителя.
Для этого мы проводим большое исследование – определяем особенности проекта и задачи разработки. Продумываем портрет пользователя и анализируем его путь на будущем сайте (user stories). Далее – прорабатываем структуру сайта. Она должна последовательно рассказывать человеку о продукте и компании, показывать особенности.
На этапе прототипирования всё внимание уделяется структуре и функциям проекта. Мы размещаем блоки в нужном порядке и следим за тем, чтобы пользователь в них не терялся, а следовал так, как мы его направляем. Проверяем, как воспринимается информация на разных устройствах.
Первый экран сразу рассказывает о продукции компании, а Call To Action кнопка ведет на каталог продукции.
В каталоге товаров сделали удобные карточки по категориям программного обеспечения. В каждой карточке – список программ, о каждой можно почитать по клику.
Страница "О компании" последовательно рассказывает о компании и ее партнерах. Добавили раздел "Карьера" со ссылкой на рекрутинговое агентство.
Форму заявки оставили на странице "Контакты" – для связи партнеров и корпоративных клиентов.
Общая композиция сайта свободная и открытая – большое количество контр пространства позволяет структурировать информацию и не перезагружать сайт.
Светлая голубая гамма с яркими акцентами оранжевого расставляет точки взаимодействия с пользователем и привлекает внимание к самому важному.
По всему сайту запустили летающие по заданной траектории анимированные самолеты. Они передвигаются от первого экрана до самого подвала сайта. Самолеты не отвлекают и не мешают считывать информацию, но делают сайт гораздо более динамичным.
При создании сайта руководствовались методом mobile first, поэтому он загружается и работает быстро.
Файлы css-стилей разделены по размерам экранов. На мобильных экранах подключается минимум стилей, чтобы значительно облегчить загрузку страницы.
Все файлы и изображения оптимизировали без потери качества.
Google Page Speed и GtMetrix показывают высокие показатели.
Иконки самолетов вырезали под разные экраны и через CSS задали им траекторию – теперь они летают от шапки до подвала. Классно, правда?
В итоге получился аккуратный сайт с правильно расставленными визуальными акцентами. Тематика очевидна сразу, а сложное программное обеспечение аккуратно распределено по карточкам категорий. Особенная фишка – летающие самолетики!
Сайт быстрый и адаптивный, соответствует всем критериям современного сайта.
Media Bay с удовольствием обсудит вашу задачу