Catalog and filters
Shoppers can narrow the choice by several parameters at once: brand, dog age and dog size. The filters are shown in different ways: brands get their own search and a "Recommended" block with popular picks, the other blocks are plain lists. Whatever a shopper knows about the product, they can start from it.
The product card in the list already holds what you need to choose: old and new price, price per kilogram, availability, bonuses for the purchase and available pack sizes.
Product card
A product with several pack sizes lives in one card: pick 2 kg or 7 kg and the price, discount and price per kilogram follow the choice.
Delivery, payment and warranty terms sit under the buy button, so shoppers don't have to hunt for them around the site. You can buy through the cart or in one click.
Cart and checkout
The cart opens over the page: change the quantity, keep shopping or check out right away. Checkout is one flow: contacts, order contents, delivery. New and returning customers get their own form.
The summary on the right shows the total, discount, bonuses and a promo code field. The minimum order amount is written next to the confirm button.
Loyalty and bonuses
After signing up, a customer gets a permanent discount that grows with the amount spent. Bonuses are credited separately: 1 bonus equals 1 hryvnia on later orders.
Discounts do not stack with sale prices, the cart applies the better one. Loyalty data is pulled from the accounting system, so the store and accounting show the same numbers.
- 7%permanent discount after signing up
- 10%on purchases over UAH 5,000
- 13%on purchases over UAH 20,000
And more in the store
Besides the catalog, product card and checkout, the site has the sections and features a working store cannot do without.
- Sale items page
- Catalog search
- Sign-up and personal account
- Sign in with Google and Facebook
- Product comparison
- Favorites
- Product reviews
- Brand pages
- Blog
Mobile version
The mobile version has its own navigation. A permanent bar at the bottom holds home, catalog, comparison, favorites and account. Filters and sorting open with a separate button above the product list, while search and cart stay in the header.
Technology and integrations
Pages are server-rendered, so search engines see them fully built right away.
Laravel
Vue.js
Inertia.js
Vite
SASS
Exchange: products, prices, stock, orders- Nova Poshta
- Ukrposhta
LiqPay
Checkbox
eSputnik
Rozetka (feed)
Prom UA (feed)
TurboSMS
Google Analytics
A cool project starts with filling out this form.
