Задача: разработать сайт с подробным каталогом продукции товаров линейки видеонаблюдения и СКУД
Что было сделано:
- Подбор и регистрация доменного имени
- Разработка сайта на платформе CMS WordPress
- Настройка плагина WooCommerce для работы с блоком интернет-магазина
- Настройка импорта и экспорта товаров через csv файл.
Процесс:
Для начала определимся с «шапкой» сайта, и разместим туда всю информацию, которая нужна пользователю в первую очередь.
![](https://revtail.ru/wp-content/uploads/2021/10/1.jpg)
Далее, идут баннеры с наиболее привлекательной и популярной продукцией. Баннеры мы адаптировали под всех разрешения экранов.
![](https://revtail.ru/wp-content/uploads/2021/10/Domofony_1-1-1024x267.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/Domofony_2-1.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/Domofony_3-1.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/Partnery_1-1-1024x267.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/Partnery_2-1.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/Partnery_3-1.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/AJAX_01-1-1024x267.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/AJAX_02-1.jpg)
![](https://revtail.ru/wp-content/uploads/2021/10/AJAX_03-1.jpg)
На главной странице, принято показывать все достоинства сайта, чтобы пользователь заинтересовался продуктом, и «ушел» смотреть внутренние страницы. Далее идет блок с основными категориями, в виде иконок, специально подготовленных для них.
![](https://revtail.ru/wp-content/uploads/2021/09/AHD_kamera_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/AHD_kamera_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/AHD_registrator_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/AHD_registrator_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Soft_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Coft_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IP-kamera_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IP-kamera_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IP_registrator_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IP_registrator_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IP_server_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IP_server_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IPEYE_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/IPEYE_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Aksessuary_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Aksessuary_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Domofoniya_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Domofoniya_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Kabel_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Kabel_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Proektnoe_oborudovanie_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Proektnoe_oborudovanie_w.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Signalizatsiya_r.png)
![](https://revtail.ru/wp-content/uploads/2021/09/Signalizatsiya_w.png)
Остается показать информацию о нас, и блок с картой, для удобной навигации, на случай, если хочешь воспользоваться Яндекс.Картам или Навигатором
![](https://revtail.ru/wp-content/uploads/2021/10/image.png)
И важной частью каждого сайта, является футер — подвал. На этом места, как правило, пользователь либо уходит с сайта, либо продолжает свой путь.
![](https://revtail.ru/wp-content/uploads/2021/10/image-1.png)
На сайте, огромное внимание выделено основному меню, оно работает как Мега-меню, и содержит все категории, и основные и дочерние.
![](https://revtail.ru/wp-content/uploads/2021/10/image-2.png)
А дальше, был процесс отладки системы импорта и экспорта товаров на сайт, с учетом большого числа особенностей, характеристик, и данных для каждого товара.
Сформировали, вот такой каталог товаров:
![](https://revtail.ru/wp-content/uploads/2021/10/image-3.png)
И саму карточку товара:
![](https://revtail.ru/wp-content/uploads/2021/10/image-4.png)
Ни один сайт не обходится без страницы «Контакты», на которой размещаются все контактные данные, карта и форма обратной связи.
![](https://revtail.ru/wp-content/uploads/2021/10/image-5.png)
Вот и все, сайт получится, понятный и простой для поиска товаров.
Менеджер — Алексей Дешевов
Дизайнер — Иван Спесивцев
Веб-мастер — Глеб Богачев