Покупатели магазина – и новички, и опытные рыбаки. Им важно быстро попасть в свой вид ловли и подобрать снасть по характеристикам: длине, тесту, производителю. Мы разложили каталог по направлениям (спиннинг, фидер, карп, поплавок, зимняя рыбалка, туризм, экипировка) и продумали полный путь покупателя: от главной и фильтров до корзины, кабинета и программы лояльности. В Figma около 40 десктопных и 35 мобильных экранов.
Стиль
Природный зелёный в шапке, кнопках и футере, тёмно-зелёный для акцентов и красные бейджи скидок. Фотографии рыбаков на воде и туман над рекой задают настроение.
Мобильная версия
Для телефона отрисованы все ключевые страницы: каталог с фильтром в отдельном окне, карточка товара, корзина, кабинет, поиск и меню.
Задачи
- 01Навигация по видам ловлиСделать так, чтобы спиннингист и карпятник сразу попадали в свой раздел.
- 02Подбор снасти по параметрамДать фильтры по характеристикам, которые важны рыбаку: длина, тест, производитель.
- 03Короткий путь к заказуКорзина и оформление на одной странице, быстрый заказ без заполнения всех полей.
- 04Возврат покупателейКабинет, список пожеланий, скидка для новых клиентов и программа лояльности.
Ключевые решения
Каталог и фильтры
Подкатегории вынесены в слайдер над товарами: спиннинговые, кастинговые, фидерные, карповые, нахлыстовые удилища. В фильтре производитель с количеством товаров, слайдеры цены, длины, минимального и максимального теста. Над сеткой счётчики «всего / в наличии / нет в наличии» и сортировка; в карточках бейджи SALE, NEW, TOP.
Карточка товара
Галерея, рейтинг с отзывами, артикул, наличие и бренд. Выбор модификации списком с ценой каждой, счётчик количества, кнопки корзины и списка пожеланий. Вкладки описания, характеристик и отзывов, блоки об оплате при получении, доставке и гарантии, контакты консультанта и сопутствующие товары.
Корзина и оформление
Корзина и оформление на одной странице: изменение количества, промокод с пересчётом скидки, быстрый заказ по имени и телефону. Доставка Новой почтой, Укрпочтой, курьером по Харькову или самовывоз; оплата при получении, онлайн или безналичным расчётом для юрлиц. Можно сразу создать личный кабинет.
Интеграции и стек
Хотите такой же проект?
Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.