Скважинные Сервисные Технологии

sst-service.ru
Компания является многопрофильным сервисным предприятием, действующим в области добычи нефти и газа.

Адаптивный дизайн Адаптивный
дизайн
1C-Битрикс 1С-Битрикс
Инфорграфика CSS3-анимация
Английская версия HTML-5 анимация
Gif

Проектирование

01. Задачи

Перед нами была поставлена цель разработать современный сайт, отвечающий следующим требованиям:
Узнаваемость компании
Сайт должен передавать образ компании с уникальными услугами и технологиями и отличаться от сайтов конкурентов.
Доступность информации
Информационная составляющая ресурса должна быть понятна и доступна пользователю.
Letter

02. Концепции

Мы подготовили две концепции главной страницы, в работу был принят второй вариант без изменений.
01
02

Дизайн

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

01. Проекты

При разработке внутренних страниц особое внимание было уделено разделу «Проекты». На разводящей странице мы расположили интерактивную карту. При наведении на регионы выводятся краткие карточки проектов, при клике на которые посетитель сайта может перейти на внутреннюю страницу выбранного проекта.
Map
Popap
ScreenPage
Страница проекта содержит полную информацию.
Обложка и подробное описание
Документация
Фотогалерея
Лента прокрутки с другими проектами
Letter

02. Услуги

Разводящая страница услуг была спроектирована с учетом особенностей анимации, использованной на главной странице сайта.
Arrow
Arrow
При наведении на услугу открывается расширенная карточка с фото, при клике на неё осуществляется переход на страницу услуги.
Screen
Phone
Phone
Gif
Mark
Детальная страница услуги содержит описание, фото, документацию и форму обратной связи для формирования заявки на текущую услугу.
Arrow

03. Адаптивное меню

Меню было проработано для всех разрешений.
Mocup
Tablet
Phone

04. Информационные страницы

Нами были тщательно проработаны такие важные информационные страницы, как политика в области безопасности и раздел новостей.
Screen
Screen

05. Иконографика

Для сайта была разработана уникальная инфографика. Каждый раздел имеет индивидуальный набор иконок, а все наборы объединены общей цветовой стилистикой и толщиной линий.
Phone
icons
icons
icons
icons
icons
icons
icons
icons
icons
icons
icons
icons
icons

Особенности реализации

Главной особенностью проекта стала реализация динамической прокрутки контента, котрая корректно работает на всех устройствах.