Компания Novostal-M

novostal-market.ru
«Новосталь-М» — поставщик черного металлопроката и труб со складскими площадями в Москве, Санкт-Петербурге, Батайске, Самаре, Краснодаре и Саратове.

  • 1С-Битрикс
  • Интеграция 1С
  • Личный кабинет
  • HTML-5 анимация
Портфолио - основное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение Портфолио - дополнительное изображение

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

Целью проекта являлось создание новой версии адаптивного корпоративного сайта компании «Новосталь-М» на базе функционала «Ариэль Металл», Обязательным требованием было сохранение ссылочной структуры каталога.

Старая версия сайта Новая версия сайта
Старая версия Стрелка
Стрелка Новая версия

Концепции

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

  • 01

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

    Первый концепт страницы
  • 02

    Во второй концепции предпочтение отдано крупным минималистичным блокам и современной вёрстке на всю ширину экрана.

    Второй концепт страницы
  • 03

    В основе третьей концепции — свободная вёрстка с современной динамичной подгрузкой контента. В первом экране сделан акцент на 3D-модели логотипа из брендбука.

    Третий концепт страницы

Дизайн

Итоговый макет вобрал в себя отдельные блоки из каждой концепции, объединённые единым стилистическим решением.

    • Брендбук компании
    • Брендбук компании
    • Брендбук компании
    • Брендбук компании
    • Брендбук компании
  • Блоки на вебстранице
Контент сохраняется на смартфонах
  • Мобильная версия сайта
  • Мобильная версия сайта
  • Мобильная версия сайта
  • Мобильная версия сайта

Каталог

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

Страница каталог
  • Иконки материалов
  • Иконки материалов
  • Иконки материалов
  • Иконки материалов
  • Иконки материалов
Фильтры Открытый фильтр Реализован фильтр

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

В личном кабинете можно отслеживать статус заказа или повторить старый заказ.

Таблица заказов Отслеживание статуса Повтор заказа

UI-Kit

  • #7FAC7F
  • #B3BAC6
  • #000000
  • #FFFFFF
  • #19A08D
  • #646464
UI kit image
Иконки страницы

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

Телефоны

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

Калькулятор доставки

Разработан простой и функциональный калькулятор доставки.

Выбор заказа
Карта Точка отправки Путь доставки Точка доставки

CMS «1С-Битрикс»

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

Консоль в CMS битрикс Страница на CMS битрикс