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