ТД «СтройОПТторг»

tdsot.ru - это интернет-магазин компании ТД “СтройОптТорг”, которая с 2003 года занимается розничной и оптовой продажей строительных и отделочных материалов.

Презентация проекта

tdsot.ru - красивый и удобный интернет-магазин строительных товаров, в котором можно быстро и просто найти нужный товар.

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

Главная страница оформлена в классическом для интернет-магазина виде: слайдеры с изображениями, брендами, товарами; категории и подкатегории каталога и так далее. Однако, слайдеры с товарами имеют особенности. Их можно переключать: “Хит продаж” -  “Скидки” и “Новинки” - “Распродажа”. Переключения соответственно меняют наполнение слайдеров товарами. У слайдера “Новинки”/“Распродажа” дополнительно есть табы, по которым можно выбирать вид товара - двери, ручки, крючки и т.д. У слайдера “Хит продаж”/“Скидки” есть кнопка “Смотреть все” со ссылкой на соответствующую страницу с товарами. Эти особенности могут помочь покупателю найти нужный товар даже не заходя в каталог.

Каталог

Начать поиск товара можно начать уже с главной страницы - категории расположены в меню под шапкой. По клику - категория раскрывается, где перечислены подкатегории и расположен слайдер “Хит продаж” с соответствующими категории товарами. Такой способ организации каталога на главной странице обеспечивает минимальное количество переходов по страницам - буквально за 2 клика можно перейти к нужному списку товаров. А в случае, если товары из слайдеров подходят - 1 клик. Традиционная страница каталога, где перечислены все категории и подкатегории при этом никуда не делась - в шапке есть кнопка “Весь каталог”, ведущая на эту страницу.

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

Поиск

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

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

Карточка товара

Карточка товара содержит информацию о товаре, его наличии, способах и стоимости доставки и оплате. Имеется функционал избранного и сравнения. Ссылкой на карточку можно поделиться в соцсетях и мессенджерах с помощью соответствующих кнопок. Есть возможность распечатать страницу с карточкой товара. Для кросс-продаж присутствует блок со слайдером “Похожие товары”.

Лояльность

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

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

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

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

Раздел смета

Помимо прочего функционала, на сайте присутствует раздел Смета. Доступ к нему есть только у определенной группы пользователей. Смета - это аналог корзины, только для менеджеров. После авторизации у товаров появится еще одна кнопка “Добавить в смету”. Созданные сметы находятся в личном кабинете, у каждой свое название, а при добавлении товара будет предоставлен выбор, в какую именно смету добавлять товар. На смету можно скопировать ссылку - при её открытии корзина пользователя автоматически заполнится товарами из сметы.

О компании

Страница “О компании” - это стильно оформленный лендинг. Первым делом посетителя встречает видеоролик, который показывает инфраструктуру компании, одновременно демонстрируя масштаб и знакомя с местоположением. С помощью табов можно переключиться с видеоролика на фотографии территорий, на которых есть кликабельные отметки. Клик по ним вызывает всплывающее окно с отмеченным помещением и фотографиями внутри него и снаружи. Во время прокрутки информация постепенно подается с помощью плавной анимации. Текста столько, сколько нужно, чтобы рассказать о себе и не утомить посетителя чтением. В итоге эта страница не только знакомит с компанией, но и с помощью контента и его подачи приближает потенциального покупателя или партнера к ней, повышая уровень доверия.

Отдел ИЖС

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

В шапке есть ссылка под названием “Отдел ИЖС”, клик по ней вызывает всплывающее окно, которое предоставляет выбор: “Ремонт в квартире” или “Строительство дома”. Клик по каждой из ссылок ведет на соответствующую страницу-лендинг. Они оформлены так, чтобы максимально четко донести достоинства услуги. Цель этих страниц рассказать об услуге, воспользовавшись которой клиент получит помощь в ремонте квартиры или строительстве дома. Также на странице есть формы, с помощью которых можно оставить заявку.

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

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