Торговый Дом «Уральская сталь»

uralsteel.trade
ТД «Уральская Сталь» — один из ключевых металлургических активов в составе группы компаний «Уральская Сталь», объединяющей полный технологический цикл от выплавки чугуна и стали до выпуска высокотехнологичных труб большого диаметра и конструкционных сталей.

1С-Битрикс
Интеграция 1С
Адаптивный
дизайн
Личный кабинет
HTML-5 анимация
Главная страница
Страница о продукции
Страница о компании

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

Клиент

Управляющая компания объединяет металлургический комбинат «Уральская Сталь», «Загорский трубный завод», Дон-Металл и ряд смежных предприятий группы. Сегодня Уральская Сталь выпускает широкий ассортимент плоского, сортового и фасонного проката, а также конструкционные и специальные марки сталей. Продукция предприятия используется в мостовом строительстве, нефтегазовой сфере, машиностроении, судостроении и крупных инфраструктурных проектах по всей стран.

Торговый Дом «Уральская сталь»
Стрелки
Загорский трубный завод
Загорский трубный завод
Актюбинский рельсобалочный завод
Актюбинский рельсобалочный завод
Дон-металл
Дон-металл
Новотроицкий трубопрокатный завод
Новотроицкий трубопрокатный завод
Уральская сталь
Уральская
сталь

Задача

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

Каталог
Стрелки
icon Арматура
Проволка
Катанека
Арматура А240
Арматура А440
Арматура А500С
icon Лист
Лист г/к
Лист х/к
Лист ПВ
Лист г/к риф
Лист х/к трав
Рулон ЛКПОЦ
icon Сорт
Квадрат
Полоса
Круг
icon Фасон
Балка
Швеллер
Уголок
Швеллер гнутый
icon Заготовка

Концепции

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

01
Концепт 1
02
Концепт 2
03
Концепт 3

Дизайн

Новый сайт «Уральской Стали» создан с учетом всех требований брендбука, производит впечатление технологичного и строгого ресурса, соответствующего статусу крупного металлургического холдинга.

Брендбук
Десктоп версия
Мобильная версия
Мобильная версия
Мобильная версия
Мобильная версия
1
Графические элементы из брендбука
2
Современная анимация инфографики

В дизайн внедрена современная анимация, основанная на паттернах фирменного стиля. Фирменный графический элемент применяется:

  • в качестве акцентного паттерна на фоновых блоках;
  • в виде анимированной смены изображений в крупных промо-блоках.

Каталог

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

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

Внутренние страницы 1
Внутренние страницы 2
Внутренние страницы 3
Внутренние страницы 4
Внутренние страницы 5
Внутренние страницы 6
Внутренние страницы 7
Внутренние страницы 8
Внутренние страницы 9
Внутренние страницы 10
Внутренние страницы 11
Внутренние страницы 12
Внутренние страницы 13
Внутренние страницы 14
Внутренние страницы 15
Внутренние страницы 1
Внутренние страницы 2
Внутренние страницы 3
Внутренние страницы 4
Внутренние страницы 5
Внутренние страницы 6

UI guide

На основе подготовленных макетов был составлен UI guide, в котором показаны все основные элементы и правила их использования.

#EB6521-E63A1E
#FFFFFF
#EB6521
Основные цвета
#1C1913
#767171
#D9D9D9
Дополнительные цвета
Din2014
Основной шрифт
Inter
Основной шрифт
icons
icon
icon
icon
icon
icon
icon
icon

Адаптив

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

Ноутбук
Планшет
Телефон

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

Личный кабинет

Разработан удобный функционал личного кабинета.

телефон 1
телефон 2
телефон 3

Регистрация и авторизация

Для упрощения и автоматизации регистрации и авторизации используются внешние сервисы.

DaData
Благодаря сервису DaData происходит валидация ИНН при регистрации нового пользователя.
RedSMS
Сервис REDSMS отправляет на телефон пользователя уведомления и коды проверки для двухфакторной аутентификации.

Регистрация происходит только для юридичесих лиц — пользователь указывает ИНН компании, а система «подтягивает» данные компании после валидации ИНН.

image
01
Проверка ИНН
image
02
Регистрация юр.лица
image
03
Подтверждение
по СМС
image
Готово
Создание аккаунта

Выбор филиала

Сайт поддерживает десять складских площадок (Москва, Санкт Петербург, Екатеринбург, Краснодар и др). От выбранного склада зависят: цены, остатки, сроки доставки.

Карта
Маркер
Маркер
Маркер
Маркер
Маркер
icon
цены
icon
остатки
icon
сроки доставки
Фильтры

Синхронизация каталога с 1С

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

Модуль импорта каталога
Стрелки
icon
Обмен с каталогом
icon
Обмен с заказами
icon
Документооборот
icon
Работа с бонусной системой

1С-Битрикс

Сайт разработан на базе CMS «1С-Битрикс», которая позволяет клиенту легко редактировать контент.

Панель администратора
1С-Битрикс

Отзыв клиента