Интернет-магазин «ДомИдеал»
Проект
Разработали современный интернет-магазин с минимализмом в дизайне и удобным функционалом для производителя профессиональной продукции для клининга – компании ДомИдеал (г. Краснодар).
Задача
Разработать интернет-магазин для оптовой торговли клининговой продукцией. Сайт должен быть адаптированным к мобильным устройствам и иметь уникальный дизайн.
При этом выгодно показать товары компании ДомИдеал, подчеркнув все их практические и полезные в уборке качества и преимущества.
Особенности проекта:
01. Ценообразование для товаров.
Цена товара зависит от заказанного количества. Шкала ценообразования должна выглядеть примерно так:
- до 10 шт — базовая цена;
- от 11 до 100 шт — скидка 5%;
- от 101 до 500 шт — скидка 10%;
- от 501 до 1000 шт — скидка 13%;
- от 1002 до 2000 шт — скидка 17%;
- свыше 2000 шт — скидка 20%;
- свыше 2000 шт и по предзаказу — специальная цена.
У администратора сайта должна быть возможность вводить свою шкалу цен для каждого товара в отдельности.
02. При оформлении заказа покупателю на электронную почту должен отправляться счет на оплату с выделением НДС установленной формы в виде файла формата PDF.
Решение
Главная страница
На главной странице расположен слайдер баннеров. Баннеры создаются в панели управления. Их может быть сколько угодно. Для каждого баннера задается изображение и при необходимости выбирается страница, куда перейдет посетитель сайта, если кликнет на баннере. В настройках слайдера можно выбрать баннеры для показа.
Ниже мы разместили 3 тематических слайдера товаров: «Новинки», «Лучшая цена», «Хиты продаж».
В них показываются товары, у которых в панели управления установлены соответствующие отметки.
Далее выведен текстовый блок «О компании» с пиктограммами разработанными нашим дизайнером специально для этого проекта.
В самом низу страницы расположена рубрика «Полезные статьи», где публикуется последних 4 информационно-тематических материала.
Каталог товаров
На страницах товарных категорий выводятся товары в отдельных карточках. Если у товара установлены отметки «Новинка», «Хит» – рядом с изображением появятся соответствующие ярлыки.
Для каждого товара выведена шкала цен с отмеченными текущей ценой продажи – с учетом того, что уже есть в корзине.
Товары можно ограничить фильтром, отметив в нем нужные параметры.
Поиск товаров начинает функционировать уже при вводе нескольких печатных символов и быстро выдает список подходящих товаров с названием и артикулом товара, изображением, ценой продажи.
Страница товара
В верхней части на самом видном месте страницы товара выводится галерея изображений товара, его основные характеристики, ценовая шкала с выделенной цветом текущей строкой. Также мы вывели информацию о количестве товаров в корзине, чтобы покупателю было понятно, почему сейчас применяется такая цена.
Ниже в закладках выводятся характеристики, описание, есть форма отзыва. Заполнив ее, покупатель может оставить свое мнение о товаре.
В самом низу страницы товара мы разместили 2 тематических слайдера товаров: «Сопутствующие товары» и «Вы недавно смотрели».
Корзина
Просмотреть содержимое корзины посетитель сайта может находясь на любой его странице, для чего ему нужно будет всего лишь навести курсор на иконку «Корзина» в шапке сайта рядом с телефонами.
На самой странице «Корзина» для каждого товара выводятся его шкала цен, а также при выполнении условия появляется возможность оформить предзаказ по этому товару, поставив отметку в появляющемся пункте.
Рассчитанная цена товара, итоговая сумма всей покупки/заказа пересчитываются сразу при изменении количества или установки/снятии отметки предзаказа.
Также покупатель видит сумму общей скидки на приобретаемый товар.
Оформление заказа
На странице оформления заказа покупателю нужно заполнить все необходимые для выписки счета на оплату поля. Счет будет направлен покупателю на указанный e-mail вместе с письмом.
Дизайн
В дизайне сайта использован стиль и принципы минимализма. Легкость сайта при этом имеет под собою строгую структуру. В качестве основных цветов было выбрано три: зеленый, серый, красный. Логотип компании «ДомИдеал» был изготовлен дизайнером веб-студии «RUSTECH».
Результат
В стиле минимализма создан современный интернет-магазин для оптовой торговли с заданным функционалом, которым удобно пользоваться как владельцам, так и посетителям/покупателям.
