Авторизация
Сброс пароля
Корпоративный сайт Стройгазконсалтинг
Заказчик: Стройгазконсалтинг
Мы создали визитную карточку компании с удобной навигацией, актуальным дизайном и адаптивным интерфейсом. На главной странице мы расположили карту основных проектов, а для каждого направления компании подготовили 3D-модель.
1. Вводная задача от заказчика, проблематика, цели
Цель проекта
Обновление корпоративного сайта компании. Что потребовалось переделать:
- Создание визитной карточки обновленной компании, способствование формирование устойчивого доверия со стороны целевых аудитории
- Обновление навигации
- Актуализация дизайна: адаптивность, интуитивно понятный интерфейс, иллюстрация основных видов деятельности компании
Сроки проекта были крайне сжатыми (2 месяца на релиз, с нуля). Этапы запускались в работу параллельно, что позволило выиграть время. Но локальные изменения заставляли команду возвращаться к уже решенным вопросам.
ООО «Стройгазконсалтинг» (СГК) – ведущая российская строительная компания, основана в 1996 году. СГК занимается обустройством нефтегазоконденсатных месторождений, строительством компрессорных станций, магистральных трубопроводов, автодорог и мостовых сооружений, железных дорог и метрополитена.
Заказчики – дочерние компании ПАО «Газпром», ПАО «Транснефть» и ПАО «ЛУКОЙЛ», Nord Stream AG, Федеральное дорожное агентство Министерства транспорта Российской Федерации, ГК «Автодор», Правительство Москвы.
2. Описание реализации кейса и творческого пути по поиску оптимального решения
Было разработано 4 дизайн-концепции
Мы подготовили несколько дизайн концепций, с которыми мы входили на тендер к клиенту. В каждой концепции клиенту понравились разные идеи.
Этап проектирования
На этапе проектирования все понравившиеся идеи из разных дизайнов собрали в общий прототип будущего сайта. Больше всего понравились всплывающие детальные страницы объектов, а также каталог и фильтрация объектов.
Структурирование данных
Информацию в новых разделах структурировали. Так, в описании компании ввели хронологию истории компании с возможностью связи с событиями из других разделов сайта.
Иллюстрации
В слайдере на главной первыми вывели важную информацию о месторождениях и трубопроводах, не забыв про инфраструктурные объекты
Интересные решения
- Открывающиеся в модальных окнах детальные карточки объектов, новостей, фотогалереи и пр.
- Каталог построенных объектов с возможностью фильтрации.
- Для каждого направления компании, показанного в баннере на главной странице, подготовили 3D-модель. Загружается послойно.
- Привязка по хэштегам для удобства наполнения контентом: хэштег у элементов позволяет вывести контент данного элемента в различных разделах сайта. Хэштег в описании изображения из фотогалереи позволяет удобно размещать это изображение на других страницах.
- Реализована вложенность и навигация в модальных окнах.
- Карта основных проектов на главной
3. Результаты сотрудничества
К процессу создания сайта мы подошли со всей ответственностью и создали не обыкновенную "корпоративку", а отличный, современный высокотехнологичный сайт
- Интеграции с внешними сервисами
Реализована интеграции с Youtube, Facebook, VK и Instagram: администратор указывается URL для ролика или фото, а описание, количество просмотров и доп.информация автоматически забирается из соц.сетей
- Быстрое добавление проектов
Создание пользовательского интерфейса в административной части сайта для ввода координат при создании проектов, что актуально для трубопроводов для указания промежуточных точек.
- Оптимизация работы контент-менеджера
Для оптимизации быстродействия были разработаны собственные JS-библиотеки модальных окон, слайдеров и тп.
- Оптимизация работы сайта
Для сохранения единой стилистики сайта, была проведена большая работа по стилизации Google-карт, с помощью которых выводится карта объектов.
- Собственный инструмент просмотра файлов
Разработан слайдер для pdf-файлов, позволяющий просматривать не просто preview первой страницы, а весь файл.
- Уникальный фильтр для уникальной задачи
Для удобства работы пользователей сайта с проектами и объектами разработан собственный фильтр, работающий с несколькими инфоблоками и несколькими справочниками, созданными в административной части сайта.
- Преодоление языкового барьера
Для оптимизации быстродействия были разработаны собственные JS-библиотеки модальных окон, слайдеров и тп.
- Каждый день что-то новое
Для сохранения единой стилистики сайта, была проведена большая работа по стилизации Google-карт, с помощью которых выводится карта объектов..
- Непрерывный пользовательский сценарий
В модальных окнах детальных карточек проектов/объектов карта также реализована интерактивной: можно легко перейти и посмотреть любой объект, входящий в проект.
Кренева Н. В.
Зам генерального директора ООО «СГК», ООО «СГК»
Выражаем признательность всей компании «Факт» за успешное завершение проекта по разработке корпоративного сайта ООО «Стройгазконсалтинг» (www.sgc.ru). Результатом нашего сотрудничества стал адаптивный на 100%, удобный в использовании и полностью отвечающий всем требованиям веб-сайт. Желаем успехов, процветания и новых проектов.
4. Заключение
В модальных окнах детальных карточек проектов/объектов карта также реализована интерактивной: можно легко перейти и посмотреть любой объект, входящий в проект.