Прототип «свайп-подбора» для интернет-магазина бренда одеждыпрототип «

Проект: прототип «свайп-подбора» для интернет-магазина бренда одежды
Формат работы: договор ГПХ с физическим лицом, оплата со счёта ООО
Срок выполнения: до 2 месяцев после готовности сайта

1. Цель и результат

Разработать модуль свайп-подбора (MVP), который позволит пользователю:

• фильтровать товары по параметрам,

• свайпать «нравится/не нравится»,

• добавлять понравившиеся вещи в избранное в личном кабинете,

• добавлять товары в корзину (с выбором размера) в личном кабинете,

• переходить на страницу товара («Подробнее»),

• закрывать модуль.

Модуль должен быть интегрирован в интернет-магазин бренда и работать как часть сайта.

2. Размещение в интерфейсе

• Модуль открывается как отдельная вкладка или окно/оверлей на сайте.

• Обязательная кнопка закрытия (крестик и/или «Назад»).

3. Фильтры (верхняя панель)

Примерный набор фильтров:

• Цвет

• Размер

• Сезон

• Слой (1/2/3)

• Посадка (slim/regular/relaxed)

• Цена (слайдер «от–до»)

Финальный список фильтров и их значения предоставит заказчик после завершения сайта.
Фильтры должны быть множественными и подтягиваться напрямую из каталога интернет-магазина.
Кнопка «Сбросить фильтры»

4. Зона свайпа и жесты

• В центре — карточка товара (стек карточек).

• Свайп влево — «не понравилось» (пропустить).

• Свайп вправо — «понравилось», товар автоматически сохраняется в избранное личного кабинета.

• Кнопки-дубли: «Не нравится», «Нравится».

• При свайпе отображается плавная анимация и индикатор (крестик / сердечко).

5. Карточка товара

• Фото/галерея (2–3 фото, перелистывание свайпом или стрелками).

• Название и краткое описание.

• Параметры: материал, слой, посадка, сезон.

• Цена (подтягивается из каталога без отдельной логики).

• Кнопка «Добавить в корзину» — вызывает окно выбора размера, после выбора товар сохраняется в корзине личного кабинета, показывается уведомление «Добавлено».

• Кнопка «Подробнее» — переход на страницу товара.

• При свайпе вправо появляется уведомление «Добавлено в избранное».

6. Горизонтальная лента-превью

• Под зоной свайпа отображается горизонтальная лента мини-превью товаров по активным фильтрам (скролл).

• Нажатие на превью переводит пользователя к соответствующей карточке.

7. Интеграция с сайтом

• Модуль должен получать список товаров автоматически через API интернет-магазина.

• Поддержка актуальных данных (новые товары, наличие, размеры).

• Добавление в корзину и избранное выполняется через API сайта с привязкой к личному кабинету.

• Для гостей: допускается временное сохранение, но при авторизации данные должны быть синхронизированы с кабинетом.

• Необходимо предусмотреть защиту от повторного добавления одного и того же товара.

8. Объём каталога

• Для тестирования: ~10 товаров (SKU).

• Модуль должен работать и при увеличении каталога.

9. Дизайн и стиль

• Стиль модуля должен быть подстроен под готовый дизайн сайта бренда «Горче».

• После завершения сайта исполнитель получает доступ к гайдлайнам (цвета, шрифты, UI-элементы).

10. Приёмка и тестирование

• Проверка на мобильных и десктопах.

• Поддерживаемые браузеры: Safari, Google Chrome, Яндекс.Браузер.

• Результат считается принятым, если:

  • фильтры работают,

  • свайпы и кнопки корректно добавляют в корзину и избранное,

  • карточки отображаются полностью (фото, цена, параметры),

  • модуль интегрирован в личный кабинет интернет-магазина.

11. Поддержка

• После передачи кода исполнитель обеспечивает 1 месяц минимальной поддержки: устранение багов и ошибок интеграции.