Корпоративный сайт ВОСТОКнефтегаз: надежность, скорость, технологичность

О клиенте

Компания Научно-техническая фирма «ВОСТОКнефтегаз» производит оборудование для очистки нефтяных и газовых трубопроводов, на рынке уже более 15 лет. Участник более 100 выставок и форумов в России. Победитель 2015 года в номинации «Лучшее микропредприятие Республики Башкортостан».

Компания лидирует в регионе по реализованным и запатентованным технологическим решениям в нефтегазовой отрасли.

 

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

Основные задачи проекта:

• обновление дизайна сайта,
• повышение лояльности новых партнёров,
• переход на новую веб-платформу,
• адаптивность сайта.

Выбор подрядчика

Компания искала подрядчика, работающего только с коммерческой системой управления. Веб-студии SmartWeb удалось получить высокую оценку по количеству качественно выполненных работ, платиновому партнёрскому статусу с UMI.CMS, доступных почасовых рейтов на разработку и быстроте реакции техподдержи в регионе от компании «ВОСТОКнефтегаз» на стадии выбора подрядчика.

Платформа UMI.CMS была выбрана не случайно: заказчику требовались надёжность системы, удобство пользования, быстродействие.

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

Pешение

Перед SmartWeb стояло несколько технических и дизайнерских задач, которые студия с успехом решила, в том числе, с помощью платформы UMI.CMS.

Дизайн

В разработке дизайна студия пошла по пути минимализма и лёгкости.

Сначала сделали большой интерактивный адаптивный прототип в Axure RP. Прототип был основан на grid-сетке 270-1170px и учитывал не только расположение элементов и блоков, но и их изменение относительно ширины рабочего поля экрана.

Затем дизайнер спроектировал и нарисовал около 30 макетов для основного экрана по сетке 270-1170px. Шрифт Helvetica Neue Cyrillic удачно гармонирует с общим видом сайта. Размеры шрифтов, расположение основных блоков контента позволяет удобно читать текст и пользоваться навигацией.

Все фотографии, присутствующие на сайте, авторские. Основная часть сделана фотографами SmartWeb, часть — из собственного фонда заказчика, и самая малая часть — лицензионные Creative Commons (в основном, это фотографии заводов). В общей сложности на фотосессию было потрачено 16 часов — 8 часов на съёмку производства и 8 часов на обработку фотографий.

Размещение контента

Мощность и возможности платформы UMI.CMS позволили решить основную проблему компании «ВОСТОКнефтегаз» в размещении контента на сайте.

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

Учли требования к удобству представления информации на сайте:

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

Навигация

Навигацию на сайте разработчики продумывали вместе с сотрудниками компании «ВОСТОКнефтегаз» с учетом основного требования — быстроты поиска и доступности информации. Платформа UMI.CMS позволила удобно спроектировать структуру и автоматизировать работу с его элементами ― например, «хлебные крошки» создаются автоматически.

Скорость работы

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

• отсутствие ошибок в вёрстке HTML5 и CSS3. Полностью валидный (W3C) код,
• правильно настроенное сжатие данных,
• кэширование,
• оптимизация файлов .jpg, png, .js, .css.

Всё это позволило получить показатели оптимизации в Google Speed Insights на уровне 90 из 100 баллов.

Адаптивность

Одним из ключевых требований заказчика к новому сайту было наличие адаптивной или мобильной версии сайта. Команда выбрала первый путь по причине удобства реализации и простоты дальнейшей поддержки адаптивной версии.

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