Хедер

Краткое описание кейса

Сталь ТД

Завод кровельных и фасадных материалов

Теги и ссылка на ресурс

  • e-commerce
staltd.ru

Главное изображение кейса

1

Задачи и решения

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

Главная страница

Главная страница

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

Картинка этапа
Картинка этапа

Баннеры

Анимированный слайдер с адаптивными баннерами выгодно показывает акции и категории.

Картинка этапа

Популярные товары

Подборка отображает популярные товары по четырем основным товарным группам.

Картинка этапа

Рекомендации

Рекомендации могут содержать не только товары. В них участвуют акции, товарные группы и дерево категорий.

Картинка этапа

Комплекты товаров

Для удобства подбора товаров мы сформировали комплекты. Каждый из них сопровождается тематической иллюстрацией.

Картинка этапа

Выбор цвета

Цвет товаров можно переключить не уходя с главно страницы.

Картинка этапа

Услуги

Карточки услуг содержат иконки подчеркивающие общую стилистику сайта.

Каталог

Каталог

Позволяет видеть мета-товары, что значительно сокращает путь пользователя к необходимому ему товару.

Картинка этапа

Подборки

Быстрые ссылки на популярные подборки товаров в виде красивых карточек.

Картинка этапа

Фильтр каталога

Фильтр позволяет подобрать товары по всем доступным параметрам. Для удобства пользователей, параметры собраны в группы и подгруппы.

Картинка этапа

Сопуствующие услуги

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

Картинка этапа

Страница товара

Страница товара

Отображает всю информацию о товаре и позволяет менять параметры товара не теряя уже выбранных значений.

Картинка этапа
Картинка этапа

Выбор покрытий

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

Картинка этапа

Выбор цвета

Набор цветов зависит от выбранного покрытия. Для каждого цвета есть код и изображение товара.

Картинка этапа
Картинка этапа
Картинка этапа

Описание товара

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

Картинка этапа

Корзина

Корзина

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

Картинка этапа

Страница контактов

Страница контактов

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

Картинка этапа
Изображение кейса во всю ширину

Адаптив

Адаптив

Сайт взял гран-при Металл-Экспо 2020, как лучший адаптивный сайт в отрасли.

Картинка этапа

Отзыв о студии

Антон Жуков

Генеральный директор

Сотрудничали с компанией по вопросу разработки сайта для собственных нужд. Для решения поставленных нами непростых задач в высококонкурентной среде (количество товаров более 30000, возможность оформления заказа через сайт, адаптивность под разное железо и софт, скорость загрузки, топ-позиции и т.д.) ребята использовали прогрессивный подход в сочетании с передовыми технологиями, которые только внедряются не только в РФ, но и в мире.

Конечно, пользователям виднее, но, как собственники ресурса, мы очень довольны результатом! Тем, кто хочет получить незаурядный результат с красивым дизайном в сочетании с последними разработками из мира IT, рекомендуем остановить свой выбор на компании «Две буквы»! Спасибо, — так держать!

Оставить заявку

Оставить заявку