Прототип «свайп-подбора» для интернет-магазина бренда одежды
https://1clancer.ru/task/77031
Проект: прототип «свайп-подбора» для интернет-магазина бренда одежды Формат работы: договор ГПХ с физическим лицом, оплата со счёта ООО Срок выполнения: до 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 месяц минимальной поддержки: устранение багов и ошибок интеграции.