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