Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Media Bay
Азимут-Альянс
Media Bay
#Сайт под ключ#Фирменный стиль#Разработка логотипа

Азимут-Альянс

198 
Media Bay
Media Bay Россия, Санкт-Петербург
Поделиться:
Клиент

ЗАО "Азимут-Альянс"

Бюджет

120 000

Сфера

Программное обеспечение

Регион

Россия, Санкт-Петербург

Тип сайта

Корпоративный сайт

Сдано

Октябрь 2020

Задача

Изначально сайт Азимут-Альянса был недоступен всем пользователям. Компания использовала его как каталог для корпоративных клиентов. Он казался совсем нерепрезентативным – ничего не рассказывал о компании и оборудовании, которое она изготавливает. Кроме того, дизайн был сильно устаревшим. Компания оказалась в ситуации, в которой сайт вроде бы есть, но нем никто не мог узнать.

Решение

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

На основе фирменного стиля сделали классный дизайн сайт. Продумали разрешения и адаптивы. Решили не усложнять и без того сложную тематику, а сделать акцент на свободное пространство и удобство. Изюминкой стали летающие по заданной траектории пассажирские самолетики.

1Прототипирование

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

Для этого мы проводим большое исследование – определяем особенности проекта и задачи разработки. Продумываем портрет пользователя и анализируем его путь на будущем сайте (user stories). Далее – прорабатываем структуру сайта. Она должна последовательно рассказывать человеку о продукте и компании, показывать особенности.

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

2Разработка

Первый экран сразу рассказывает о продукции компании, а Call To Action кнопка ведет на каталог продукции.

В каталоге товаров сделали удобные карточки по категориям программного обеспечения. В каждой карточке – список программ, о каждой можно почитать по клику.

Страница "О компании" последовательно рассказывает о компании и ее партнерах. Добавили раздел "Карьера" со ссылкой на рекрутинговое агентство.

Форму заявки оставили на странице "Контакты" – для связи партнеров и корпоративных клиентов.

3Общая композиция

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

Светлая голубая гамма с яркими акцентами оранжевого расставляет точки взаимодействия с пользователем и привлекает внимание к самому важному.

4Анимация

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

5Верстка и программирование

При создании сайта руководствовались методом mobile first, поэтому он загружается и работает быстро. 

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

Все файлы и изображения оптимизировали без потери качества.

Google Page Speed и GtMetrix показывают высокие показатели.

Иконки самолетов вырезали под разные экраны и через CSS задали им траекторию – теперь они летают от шапки до подвала. Классно, правда?

Результат

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

Сайт быстрый и адаптивный, соответствует всем критериям современного сайта.

https://azimut-alliance.ru/

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Media Bay с удовольствием обсудит вашу задачу

Оставить заявку