В городе дорог. Сайт для оператора дорожного строительства

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

Для начала разговора перефразируем известный детский стишок: сайты всякие нужны, сайты всякие важны. Есть сайты — уютные коттеджи. Есть сайты — красивые витрины. А есть сайты — города со сложной структурой и насыщенным трафиком.

В результате сотрудничества интернет-агентства Амадо и группы предприятий UCON GROUP в сети появился новый сайт-мегаполис.

Цели и задачи проекта

В 2013 году мы получили заказ на создание корпоративного сайта для группы предприятий UCON GROUP, крупнейшего на Западном Урале оператора в сфере дорожного строительства.

Старый ресурс был неактуален по ряду параметров. Требовался выход на более продвинутый уровень. Кроме того, у компании намечалась юбилейная дата: повод подвести итоги, подчеркнуть успехи и наметить перспективы.

Этапы работы

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

Для UCON GROUP все внутренние страницы — что называется от и до — рисовали и наполняли специалисты Амадо. Это было обусловлено повышенной технологичностью проекта.

Три главных слова

Вообще, технологичность вошла в тройку главных слов, характеризующих этот сайт. Два других — взаимосвязи и наглядность. Работа началась с общего исследования и прототипа. Аудитория сайта, в основном, топ-менеджмент, b2b, государство, СМИ, сотрудники компании.

Чаще всего цель посещения сайта - знакомство с деятельностью, проектами и возможностями предприятия. Поэтому в основу структуры сайта легло две формы представления информации: классическая (тексты, документы, новости, сообщения) и презентационная (полноэкранные слайды).

Один раз увидеть

Цифры, факты, документы, оборудование, проекты, даты — всё это надо было наглядно показать. Для этого мы выбрали проверенные инструменты: инфографику, статистику, презентацию, картографию. Где только можно, на смену текстам пришли знаки, иллюстрации и схемы.

Например, история компании представлена в форме таймлайна. Различные показатели в виде графиков.

• Мы снабдили тщательно прорисованными иконками разделы про технологии, виды транспорта и направления работы. И, конечно, использовали возможности слайдеров и различную анимацию.
• Для проектирования сайта потребовался месяц, для дизайна - около 3 месяцев. Практически каждую страницу отрисовывали под ключ — с реальными материалами, с учетом всех подробностей и малейших деталей. В итоге получилось порядка 115 макетов с иконками, иллюстрациями, инфографикой.
• Для того, чтобы последняя была по-настоящему эффективной и говорящей, мы выбрали путь неожиданных аналогий и оригинальных сравнений, которые представляли бы информацию образно и интересно.
• Например, количество сотрудников группы предприятий UCON GROUP оказалось равно количеству спортсменов, принявших участие в сочинской Олимпиаде. А годовой объем содержания автомобильных дорог = 40 МКАД.

Представление проектов компании

Связанные одной целью

Фишка сайта — способ презентации проектов, как текущих, так и завершенных. Наша логика очевидна: компания делает дороги, значит — не обойтись без карты.

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

Если проект текущий:

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

Таким образом, можно отслеживать динамику работы по проекту практически в реальном времени.

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

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

Адаптивный сайт

Одним из основных показателей новизны и актуальности сайта стала его адаптивность. Необходимо отметить, что в период разработки ресурса адаптивные решения только начинали применяться (2013 год). В свою очередь, сайт группы предприятий UCON GROUP изначально задумывался как адаптивный.

Мы учли требования заказчика:

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

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

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

Для 100% гарантии наша команда тестировала каждый раздел сайта на всевозможных устройствах (планшетах, ноутбуках, телефонах, мониторах с различным разрешением). Результат того стоил: сайт работает на любых носителях.

Кадры решают все

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

Итоги проекта

Сайт собирался на 1С-Битрикс. Работа велась в течение года. Эта была сложная, но крайне интересная задача для Амадо, в ходе реализации которой компания получила полезный опыт и серьезно нарастила свой потенциал.

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