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


Примеры работ, на которые можно ориентироваться

• https://snik.co/
  
• https://shopsy.ru/
  
• https://www.shopstyle.com/browse/mens-athletic
  

Список элементов

1. главная страница
   
   
   1. поисковая строка
      
   2. слайдер
      
   3. навигация по категориям
      
      
      1. выпадающая №1 и №2
         
      2. визуальная №1 и №2
         
   4. облако популярных брендов
      
   5. товары с распродажи/ссылка на распродажи
      
   6. облако тегов
      
   7. футер
      
2. страница категории (навигация)
   
   
   1. визуал родительской категории
      
   2. список подкатегорий
      
   3. бренды категории
      
3. страница категории с каталогом
   
   
   1. навигация в подкатегории
      
   2. навигация по брендам
      
   3. навигация по тегам
      
   4. блок фильтров
      
   5. блок товаров
      
      
      1. сортировка
         
      2. товар
         
         
         1. картинка
            
         2. бренд
            
         3. описание
            
         4. цена
            
         5. артикул
            
         6. кнопка показать\скрыть доп информацию
            
   6. навигация по страницам каталога категории\подкатегории
      
   7. текстовый блок категории
      
4. Страница товара
   
   
   1. блок фото товара
      
   2. блок данных товара
      
      
      1. название
         
      2. диапазон цен
         
      3. популярное предложение - продавец
         
      4. характеристики
         
      5. кнопка купить
         
   3. блок предложений в других магазинах
      
      
      1. название товара в магазине
         
      2. магазин
         
      3. цена
         
      4. кнопка перехода в магазин
         
      5. информация о доставке
         
   4. блок похожих товаров
      
   5. блок текстового описания товаров
      
   6. блок ссылок на близкие категории
      

Формат выполненного задания Результат представить в виде проекта на https://www.figma.com/ или аналогичного сервиса.