Главная | Портфолио | Сайты | Компания «ТСС Групп»

Компания «ТСС Групп»

tss-group.ru
Компания «ТСС Групп» входит в тройку крупнейших российских производителей систем заканчивания для строительства и реконструкции скважин.

Следующий проект

1С-Битрикс

Английская
версия

Адаптивный дизайн

Интеграция с CRM

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

01. Задачи
Требовалось сделать редизайн текущего сайта компании, который бы выполнял ряд поставленных задач:

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

упростить доступ к каталогу
Необходимо было реализовать интуитивно понятную структуру сайта и наглядное меню. С учетом расширения каталога товаров требовалось ввести новые категории.

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

Компания ТСС - один из крупнейших производителей систем заканчивания для строительства и реконструкции скважин.

02. Концепции

Предварительно мы подготовили несколько цветовых решений для сайта. Была выбрана строгая гамма, с красным акцентным оттенком.

основные цвета

дополнительные цвета

контрастная концепция с ассиметрично расположенными блоками и элементами

более спокойная концепция, акцент сделан на фоновое видео и каталог

Дизайн

В процессе работы согласованная концепция притерпела ряд изменений: добавились новые блоки, были стилизованы старые. Также было принято решение по изменению цветовой гаммы на более сдержанную и строгую. Основным акцентом стали товары каталога яркого цвета и кнопки.

увеличилась зона слайдера, добавилось видео

появилась интерактивная карта производства

карточек разделов стало больше

добавились новые блоки

01. Меню и мобильная версия

Были проработаны основное и фиксированное меню, а также форма входа в личный кабинет.

Для мобильного разрешения адаптированы все функциональные элементы.

02. Внутренние страницы

При разработке внутренних страниц ключевым стал раздел каталога и карточки товара.

На каждой карточке присутствует форма заявки, технические характеристики

Подвеска
хвостовика

Серия: НП

Типоразмеры: 114/168, 114/178, 114/194

Длина: 3895 мм

Рабочая температура, max: 150°С

Фрак-Порт
серии ФП

Серия: ФП

Типоразмеры: 102/120.6, 102/123.8, 102/126

Длина: 720 мм

Рабочая температура, max: 120°С

Посадочный
инструмент

Серия: ИППХ

Типоразмеры: 1181 мм

Длина: 2170 мм

Рабочая температура, max: 150°С

Технические характеристики
pdf 2.23 МБ

Связаться

На разводящей странице каталога выводятся основные разделы товаров по их назначению или характеристикам.

Более 30 страниц презентации

Для раздела “Технологии” адаптировали презентацию клиента с описанием различных позиций под формат веб-страниц.

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

Подготовлено 100+
адаптивных макетов

Видео на страницах

Для дополнительной интерактивности на некоторых страницах сайта интегрировано фоновое видео.

Главная страница содержит фоновое промо-видео в слайдере.

Страница “Технологии” с фоновым видео под карточками позиций

Интеркативные карты

На странице контактов используется интерактивная стилизованная карта офисов региональных представительств.

На главной странице и странице о компании расположена карта регионов присутствия.

Проект прошел "Монитор качества" 1С-Битрикс

Монитор качества - инструмент для проверки качества выполненного проекта перед сдачей его заказчику.

Он позволяет решить задачу обеспечения прозрачного и гибкого процесса сдачи веб-проекта клиенту, повышая уровень гарантированного результата и снижая общие риски.