![](/netcat_template/template/2touch//img/cases/notbook-display3.png)
![](/netcat_files/multifile/405/9/Snimok_ekrana_2024_05_27_v_16.13.06.png)
![](/netcat_template/template/2touch//img/cases/mobile.png)
![](/netcat_files/multifile/406/9/Snimok_ekrana_2024_05_27_v_16.14.55.png)
Clip-technology.ru
![](/netcat_template/template/2touch//img/cases/notbook-display3.png)
![](/netcat_files/multifile/405/9/Snimok_ekrana_2024_05_27_v_16.13.06.png)
![](/netcat_template/template/2touch//img/cases/mobile.png)
![](/netcat_files/multifile/406/9/Snimok_ekrana_2024_05_27_v_16.14.55.png)
Проект разбили на четыре этапа:
1. Дизайн
2. Верстка
3. Настройка CMS
4. Наполнение контентом
Для реализации проекта было разработано техническое задание. Для сайта выбрана CMS NetCat 6.4. лицензия E-commers. На основе ТЗ был разработан дизайн-макет сайта (десктоп версия), на это ушло около месяца. У заказчика на этот момент было совсем немного материалов по своей продукции, поэтому заполнение изображений было реализовано на одном товаре с последующей заменой.
После согласования макета сделали мобильную версию и отправили на верстку. На этом этапе появились некоторые изменения, например в мобильной версии полностью убрали блок "Используемые комплекты", потому что логика этого элемента неподходит для смартфонов.
В каталоге, из-за того что количество продукции не большое, решили обойтись кнопками дополнительной навигации по разделам. Использование табов в этом проекте нецелесообразно т.к. для табов слишком много товаров, а для фильтров слишком мало. Поэтому такое решение.
Карточка товара получилась компактная и информативная, Все необходимые поля характеристик сразу видны пользователю, а слева автоматический слайдер с фотографиями конкретного товара.