GUS-Trans работает с B2B сегментом, поэтому сайтом будут пользоваться текущие и потенциальные партнеры и сотрудники компании. Мы сделали сайт строгим в дизайне и простым в навигации, и в то же время запоминающимся необычными технологичными решениями.
Самая важная для посетителя информация — услуги и компетенции компании. Упаковали их в интерактивные слайдеры (расскажем ниже), которые привлекают внимание своей нестандартностью и превращают знакомство с компанией в увлекательный процесс.
«Сайт GUS-Trans мультиязычный: здесь четыре языковые версии (русская, английская, немецкая и голландская), расположенные на четырех разных доменах. Мы выбрали платформу UMI.CMS, поскольку она позволяет быстро создавать такие мультиязычные сайты и легко управлять ими из общего административного интерфейса», — Богдан Лотарев, backend разработчик Red Collar.
Корпоративный сайт — это презентация преимуществ компании, её деятельности, развития и опыта. А для выполнения имиджевой функции весь контент сайта подчиняется поддержанию нужного образа.
На сайте представлены несколько разделов: главная презентационная страница, раздел с услугами, страница о компании, новости и контакты.
Услуги. Один из самых сложных разделов с точки зрения backend разработки. У каждой услуги есть своя отдельная страница, а в ней контент скомпонован из блоков. Все такие страницы ? комбинированные, поэтому контентная часть заполняется при помощи подстраниц. Мы создали сайт на платформе, которая позволяет это делать не смотря на структурную сложность и с минимальными затратами ресурсов как разработчика, так и администратора сайта.
Новости. Важный раздел для сервисной компании. Здесь можно показать на примерах, насколько хорошо команда знает свое дело ? например, представить кейсы о том, как везли дорогие хрустальные люстры через полмира или антикварную мебель по морю. Эти истории подтверждают, что компании можно доверять. Кейсы и новости с легкостью добавляются и публикуются в дальнейшем через интуитивно понятную административную панель.
Основная идея — движение. С первого экрана сайт должен запоминаться пользователю, цеплять своей технологичностью и при этом рассказывать о компании.
Для этого мы сделали интерактивный слайдер с горизонтальным перемещением ? круг, который перетаскивается мышкой влево или вправо. Эта фишка олицетворяет саму суть компании: перевозку грузов, перемещение вещей в пространстве. Подробнее об этом решении рассказали в своей группе в facebook.
На сайте есть ещё одно решение, которое выделяет сайт компании среди конкурентов и помогает пользователю ориентироваться в услугах GUS-Trans. Это автоматический слайдер на главной странице из шести карточек с крупными фотографиями и прямыми ссылками на внутренние страницы с подробностями об услуге.
Цвета. Серьезный и строгий — черный, яркий и активный — красный. И достаточно белого «воздушного» пространства, чтобы сайт не казался грубым и тяжелым. В формах классические круги, квадраты, прямоугольники и ломаные линии. При этом есть небольшие наслоения изображений и косые линии, отражающие гибкость и умение подстраиваться под клиента.
Движение ? вот ключевая черта образа компании, транслируемая через дизайн сайта.
Иконки. Эти элементы кажутся мелочами, но на самом деле очень важны, потому что каждая деталь создает пространство сайта и дополняет собой общий образ. При этом даже маленькая анимация скрывает в себе кропотливую работу, без которой сайт не будет выглядеть идеально.
Мы создали ряд иконок в форме грузового транспорта, которые двигаются при скроллинге, оживляя страницу и помогая глазу не уставать от текстовых блоков.
Карта. Стремясь к максимальной скорости работы сайта, мы сделали легкой и быстрой для загрузки даже такую деталь, как карту. Но с точки зрения разработки путь был не самым простым.
Когда вы открываете страницу «О компании», исходное изображение карты анализируется на уровне пикселей и программа просчитывает его по сетке: где есть точки, из которых состоит рисунок, а где их нет. Затем карту на Canvas рисует сам сайт, повторяя её с SVG-файлов и проявляя с приятным анимированным эффектом за доли секунды. Благодаря этому решению элемент облегчает и ускоряет работу сайта.
Звуки. На приветственном экране — интерактивном слайдере с информацией о компетенциях компании — кнопки откликаются на действия пользователя не только микроанимациями, но и звуками. Сайт подтверждает, что вы всё делаете правильно, благодаря этому навигация становится проще. А при смене слайдов проигрывается подходящий тематике звук, например, звук погрузочной машины — это дополняет образ и поддерживает тематику бизнеса.
Десктоп, планшет, телефон — сайт доступен с любого устройства. Поэтому каждый действующий и потенциальный клиент не будет испытывать неудобства, если ему понадобится информация в любой момент времени.
На всех страницах в «подвале» сайта есть окно для ввода e-mail и подписки на рассылку. Важно, что такое приглашение к долгосрочному взаимодействию не вызывает раздражения, как от навязчивых призывов к звонку. Органичная возможность связаться и быть в контакте. Подписка становится маячком, человек узнает полезную для него информацию, проникается еще большим доверием к компетентности компании и сам выходит на связь.
Кроме того, направление на возможность связи дублируется в слайдере с преимуществами: после знакомства с компетенциями компаниями идет предложение связаться с представителем GUS-Trans.
На ряде внутренних страницах один из слайдов сделан в виде карточки с формой обратной связи, а в разделе новостей можно также подписаться на рассылку.
Мы создали сайт, который формирует образ серьезного участника рынка перевозки с большим опытом работы, современного и мобильного, обладающего высоким уровнем сервиса, качественной экспертизой, гибкостью и оперативностью в принятии решений. Он понятно рассказывает о работе и услугах компании, позиционируя и качественно выделяя ее среди конкурентов.
Сайт получил престижную международную награду — «Сайт дня» на конкурсе CSS Design Awards. Жюри высоко оценило его за удобство использования, дизайн и инновационные решения. Проект также получил серебро на «Золотом сайте 2017» в номинации «Сайт в сфере транспорта, логистики и доставки».
Слово клиенту
«Мы обратились в Red Collar, чтобы вдохнуть свежее веяние в образ компании и стряхнуть пыль со стилистики бренда — сделать чистый, современный и технологичный сайт, который бы качественно презентовал услуги и формировал верный образ нашей компании. Концепция понравилась сразу. То, что мы и хотели — лаконичный и изящный стиль с интересными запоминающимися решениями, что полностью соответствует европейскому уровню. В процессе работы были свои нюансы и спорные моменты, но в одном случае продюсер смог грамотно убедить в позиции агентства, а в другом оперативно отреагировать на недочеты. Но обязательно хочу отметить тот подход в общении с клиентом, которому придерживаются ребята: личный контакт на протяжении всего проекта, оперативность в решениях, профессиональные и обоснованные ответы на все сомнения или вопросы, которые возникали, что говорит только об одном — ребята из Red Collar по праву заслуживают абсолютное доверие», — Юлия Корнелиссен, маркетинг менеджер GUS-Trans.
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.