Сайт для дочки «Газпрома»

АО «СтройТрансНефтеГаз» — одна из ведущих строительных компаний России, выполняющая полный комплекс работ в рамках инфраструктурных проектов нефтегазовой отрасли. Ключевые направления деятельности компании: проектирование, прокьюремент, строительство, реконструкция, ремонт и обслуживание объектов нефтегазовой инфраструктуры.

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

Задачи

Заказчик хотел обновить сайт, сохранив структуру текущего, у него были уже четкие требования к дизайну и вариантам оформления, ну, а как иначе, это ведь «Газпром». Первоначально мы заключили с ними договор только на дизайн макетов, с созданием растровых элементов макета, разрешение которых должно быть достаточным для нормального отображения на Retina-дисплеях. Также никуда без макетов для адаптивной верстки, наличия инфографики и перерисовки интерактивной карты проектов АО «СТНГ».

Аналитика

Итак, задание по редизайну сайта, входящие данные от клиента такие: при разработке нового дизайна ориентируемся на старое содержание и структуру, а так же на сайт http://www.gazprom.ru/.

Основные конкуренты:

«Стройгазмонтаж» — http://www.ooosgm.ru/,

«Стройгазкосалтинг» — http://www.sgc.ru/.

Эти «конкуренты» опережают нашего заказчика по объемам заказов и парку техники в 7-10 раз, с такими сайтами в кавычках... Как — загадка, нам в любом случае нужно создать сайты лучше, ориентир только на сайт «Газпрома», про древние сайты конкурентов — вопрос теперь один: «Как это развидеть?»

Нам передали техническое задание со структурой разделов сайта и даже ориентировочные техмакеты страниц, особое внимание просили нас уделить разделам «О персонале», «Карьера» и «Проекты». Еще раз повторимся: обязательно наличие динамики на сайте и корректное отображение на любых разрешениях, в том числе на дисплеях Retina.

Дизайн

Главная

Изначальная структура сайта была не совсем презентационная, блоки делили ее вертикально на две части, мы предложили иной вариант — горизонтальную раскладку. Структура получилась такая: шапка, слайдер с суперскими фотографиями с объектов, затем слайдер новостей, далее блок с видами услуг, информацией о компании и карьерой, красивая интерактивная карта проектов, партнер и подвал.