Войти на сайт
Логотип
Клиентам

«Северсталь Стальные Решения». Каталог быстровозводимых зданий из металлоконструкций

Вернуться к списку
  • Тип проекта:
    Информационный сайт
  • Тематика сайта:
    Промышленность
  • Редакция продукта:
    Стандарт
  • Сайт:
  • Партнер:
Клиент

«Северсталь Стальные Решения» — крупнейший производитель строительных металлоконструкций в России, производственное подразделение ГК «Северсталь».


Цели

1. Объединить каталоги компаний «Северсталь Стальные решения» и «Венталл Стальные решения» после слияния.

2. Увеличить количество заявок.

Задачи

1. Систематизировать продукцию и услуги и реализовать комфортную навигацию по каталогу.

2. Повысить эффективность CTA-форм.

3. Улучшить коммуникацию с клиентами через формы обратной связи.

4. Привести визуал бизнеса Венталл к нормам Северстали.

5. Реализовать MVP проекта за 3 месяца.


Решения

1. Сокращен пользовательский путь: 
  • сайт содержит 3 уровня вложенности — оптимально для каталога;

  • самая отдаленная страница находится в 2-х кликах от главной.

2. Настроено удобное управление релизами: страницы сайта реализованы модульным подходом — каждый блок на главной странице трансформируется в самостоятельную страницу по необходимости. 

3. Разработана новая система визуализации данных для детальной страницы товара. 

4. Для повышения конверсии каталога оптимизировано количество CTA-кнопок — 3-4 штуки на странице, максимум 1 в экране. Точечно концентрируем внимание пользователей на ключевых действиях, избегая перегрузки информацией.

5. Дизайн сайта выполнен в соответствии с брендбуком и руководством по управлению брендом Северстали.

6. Разработан нормативный документ с правилам работы с изображениями на сайте (заданы нормы цветокоррекции, экспозиции и других параметров).

7. Микросервисный подход помог ускорить разработку продукта и сделать ее гибкой.

8. Стек:

  • Frontend: Vue 2, Nuxt 2, Webpack

  • Backend: Bitrix и Mysql

9. Интеграции: 
  • плагин jivo для обработки обращений клиентов из всех каналов в одном приложении.

10. Библиотеки: 
  • mirage.js — для моковых данных 

  • storybook — для контроля компонентов 

  • swiper.js v6 — для слайдеров