Корпоративный сайт как отражение компании: надежность и технологичность GUS-Trans

Структура и контент

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

На сайте представлены несколько разделов: главная презентационная страница, раздел с услугами, страница о компании, новости и контакты.

Услуги. Один из самых сложных разделов с точки зрения backend разработки. У каждой услуги есть своя отдельная страница, а в ней контент скомпонован из блоков. Все такие страницы ― комбинированные, поэтому контентная часть заполняется при помощи подстраниц. И несмотря на структурную сложность, UMI.CMS позволяет это делать с минимальными затратами ресурсов и разработчика, и администратора сайта.

Новости. Важный раздел для сервисной компании. Здесь можно показать на примерах, насколько хорошо команда знает свое дело ― например, представить кейсы о том, как везли дорогие хрустальные люстры через полмира или антикварную мебель по морю. Эти истории подтверждают, что компании можно доверять. Кейсы и новости с легкостью публикуются владельцем сайта самостоятельно при помощи UMI.CMS.

Дизайн

Основная идея — движение. С первого экрана сайт должен запоминаться пользователю, цеплять своей технологичностью и при этом рассказывать о компании.

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

На сайте есть ещё одно решение, которое выделяет сайт компании среди конкурентов и помогает пользователю ориентироваться в услугах GUS-Trans. Это автоматический слайдер на главной странице из шести карточек с крупными фотографиями и прямыми ссылками на внутренние страницы с подробностями об услуге.

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

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

Карта. Стремясь к максимальной скорости работы сайта, разработчики сделали легкой и быстрой для загрузки даже такую деталь, как карту. Но с точки зрения разработки путь был не самым простым.

Когда вы открываете страницу «О компании», исходное изображение карты анализируется на уровне пикселей и программа просчитывает его по сетке: где есть точки, из которых состоит рисунок, а где их нет. Затем карту на Canvas рисует сам сайт, повторяя её с SVG-файлов и проявляя с приятным анимированным эффектом за доли секунды. Благодаря этому решению элемент облегчает и ускоряет работу сайта.

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

Адаптив

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

Контакт с пользователем

На всех страницах в «подвале» сайта есть окно для ввода e-mail и подписки на рассылку. Важно, что такое приглашение к долгосрочному взаимодействию не вызывает раздражения, как от навязчивых призывов к звонку. Органичная возможность связаться и быть в контакте. Подписка становится маячком, человек узнает полезную для него информацию, проникается еще большим доверием к компетентности компании и сам выходит на связь.

Кроме того, направление на возможность связи дублируется в слайдере с преимуществами: после знакомства с компетенциями компаниями идет предложение связаться с представителем GUS-Trans.

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