Петрохолдинг
Клиент
Компания АО «Петрохолдинг-Санкт-Петербург» является одним из крупнейших игроков строительства газотранспортных магистралей в СЗ ФО РФ. В портфолио «Петрохолдинга» десятки выполненных проектов, более 1 000 км проложенных труб, 13 лет опыта выполнения монтажных и строительных работ.
Задача
Рассказать о достижениях компании, об услугах и возможностях, познакомить с руководством и деятельностью «Петрохолдинга», продемонстрировать имеющиеся сертификаты и лицензии на проведение работ. Создать сайт, который был бы интересен потенциальным заказчикам и клиентам компании.
Разработка сайта
Изначально у клиента уже был сайт, который не отличался технической и визуальной новизной, однако содержал минимальную информацию о компании. Специалисты WE провели брифование и выявили преимущества компании, которые могут быть интересны клиентам «Петрохолдинга». На основе этих данных были разработаны объектная модель и прототип сайта.
![](/media/3779/design-1.jpg)
Визуальная концепция заключается в использовании фирменных цветов компании и элемента логотипа, который лейтмотивом проходит через весь сайт. Акцент сделали на нестандартной навигации: меню располагается слева и закрепляется при прокрутке.
![](/media/3780/design-2.jpg)
Адаптивный дизайн с четырьмя шагами позволяет корректно отображать информацию на любом устройстве, что несомненно является плюсом для конечного пользователя.
![](/media/3781/design-3.jpg)
В зависимости от разрешения экрана меню перестраивается и отображает различную информацию. Для новостей и работ в портфолио мы продумали возможность пользователя без лишнего клика попадать на конкретную новость или работу.
![](/media/3782/design-4.jpg)
Такая навигация позволяет избежать лишнего «клика», пользователь сразу попадает на последнюю новость или проект. При разработке такой навигации не обошли и мобильную версию, сделав вертикальный скролл.
Детали
Каждый проект мы стараемся делать на уровень выше, чем предыдущий. Без интересных нюансов не обходится. Помимо нестандартной навигации мы поработали над разделом история: сделали красочный таймлайн со значимыми датами для компании.
![](/media/3783/design-5.jpg)
Оформление страницы ошибок хоть и не входит в обязательный перечень страниц, но нами выполняется на должном уровне. Мы считаем правилом хорошего тона извещать пользователей о любых неполадках и о том, как выйти из ситуации.
![alt](/media/3784/design-6.jpg)
![alt](/media/3785/design-7.jpg)
Для удобства восприятия информации пользователем, мы нарисовали иконки, выполненные в фирменных цветах компании, которые создают дополнительные визуальные акценты,
![](/media/3786/design-8.jpg)
В следствие слаженной работы команды разработчиков и, конечно, оперативных ответов заказчиков сайт был спроектирован и разработан менее, чем за месяц! Достойный результат!