Автогазаппаратура: корпоративный сайт компании по переводу транспорта на ГБО

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

Перед тем как приступить к комплексной работе по созданию нового сайта, предстояло пересобрать элементы фирменного стиля. Формализованного брендбука у «Автогазаппаратуры» не было, но исторически сложилась цветовая палитра — красный и синий. Это традиционное сочетание, характерное для автомобильной и производственной тематики. Логотип был сложной формы, но в общих чертах уже ставший достаточно узнаваемым. В типографике строгих правил не придерживались, их нужно было установить.

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

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

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

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

Сайт разработан на CMS Битрикс. Для страниц разделов «Услуги» и «База знаний» разработан «конструктор страниц» — набор типовых блоков, которые можно добавлять в любом количестве и выстраивать в любом порядке. Это решение позволяет создавать новые страницы сайта даже без участия разработчиков, без знания кода и разметки. В целом сайт отражает полную информацию о компании и услугах, при этом его структура достаточно гибкая, чтобы в нужный момент можно было оперативно внести актуальную информацию.

Этот подход в разработке уже знаком нашим клиентам. Похожие решения мы реализовали и в других проектах, таких как «Экорекс», «Будь сильным» и Koch-Chemie.

Чтобы реализовать задуманную дизайн-концепцию, требовалось большое количество фотографий. Честных, не стоковых. Мы предложили снять работающую технику с ГБО в карьере, машины в пути, менеджеров в офисе, а механиков и слесарей — в установочном центре. Прописали рекомендации по композиции и качеству кадров. Заказчик со своей стороны организовал серию фотосессий и обеспечил нас контентом.

Результат получился отличным. Живые фото с реальными людьми и машинами значительно отличают сайт от конкурентов в узкой нише. Это важное преимущество для HR-бренда — специалисты на этапе знакомства с компанией видят условия работы. И для партнеров, которые убеждаются, что в компании действительно знают свое дело.

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

Параллельно с работами по сайту наша команда взяла на себя ряд сопутствующих задач, направленных на развитие и повышение узнаваемости компании на рынке:

• адаптация дизайн-материалов для брендирования транспорта;

• верстка рекламных материалов для размещения в профильных СМИ;

• оформление презентации для участия в отраслевой конференции и др.

Мы также разработали название, айдентику и собрали сайт на Tilda для новой торговой «Техноконг» в структуре группы «Автогаз».