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
Крутые проекты начинаются с заполнения этой формы.
