BioElite: інтернет-магазин зоотоварів
Каталог і фільтри
Вибір можна звужувати за кількома параметрами одразу: бренд, вік і розмір собаки. Фільтри показані по-різному: у брендів є власний пошук і блок «Рекомендовано» з популярними позиціями, в інших блоках прості списки. Так потрібний товар знаходиться з будь-якого боку.
У картці в списку вже є те, що потрібно для вибору: стара й нова ціна, ціна за кілограм, наявність, бонуси за покупку й доступні фасування.
Картка товару
Товар із кількома фасуваннями живе в одній картці: обираєте 2 кг або 7 кг, і ціна, знижка та ціна за кілограм підлаштовуються під вибір.
Під кнопкою купівлі умови доставки, оплати й гарантії, щоб покупцю не довелося шукати їх по сайту. Купити можна через кошик або в один клік.
Кошик і замовлення
Кошик відкривається поверх сторінки: можна змінити кількість, продовжити покупки або одразу оформити. Сторінка замовлення зібрана в один потік: контакти, склад замовлення, доставка. Для нового й постійного покупця форма своя.
Праворуч підсумок: сума, знижка, бонуси й поле для промокоду. Мінімальна сума замовлення написана поруч із кнопкою підтвердження.
Лояльність і бонуси
Після реєстрації покупець отримує постійну знижку, а вона росте разом із сумою покупок. Окремо нараховуються бонуси: 1 бонус дорівнює 1 гривні в наступних замовленнях.
Знижки не сумуються з акційними цінами, у кошику діє найвигідніша. Дані про лояльність підтягуються із системи обліку, тож магазин і облік бачать однакові цифри.
- 7%постійна знижка після реєстрації
- 10%при сумі покупок понад 5 000 грн
- 13%при сумі покупок понад 20 000 грн
Ще в магазині
Окрім каталогу, картки товару й замовлення, на сайті працюють розділи й функції, без яких живий магазин не обходиться.
- Сторінка акційних товарів
- Пошук по каталозі
- Реєстрація й особистий кабінет
- Вхід через Google і Facebook
- Порівняння товарів
- Обране
- Відгуки про товари
- Сторінки брендів
- Блог
Мобільна версія
Мобільна версія має власну навігацію. Внизу екрана постійна панель: головна, каталог, порівняння, обране й кабінет. Фільтри й сортування відкриваються окремою кнопкою над списком товарів, а пошук і кошик лишаються в шапці.
Технології та інтеграції
Сторінки віддаються з серверним рендерингом, тож пошукові системи бачать їх одразу в готовому вигляді.
Laravel
Vue.js
Inertia.js
Vite
SASS
Обмін: товари, ціни, залишки, замовлення
Нова пошта
Укрпошта
LiqPay
Checkbox
eSputnik
Rozetka (фід)
Prom UA (фід)
TurboSMS
Google Analytics
Круті проєкти починаються з заповнення цієї форми.
