Kapitanova: luxury cosmetics online store
Catalog and filters
The choice narrows by price, product group, volume and brand. Price is set with a slider or two fields, and the group and brand lists have their own search, so nobody has to scroll a long list.
A product card in the list shows the discount percentage, a sale countdown, old and new price and availability. Adding to the cart, comparison or favorites works right from there.
Product card
The card has no clutter: photo, brand, discounted price, availability and product code. You can buy through the cart or in one click.
Delivery and payment terms open from links under the buttons, and tabs below hold specifications, description, how to use and ingredients. A separate line reminds that the manufacturer may change the packaging.
Cart and checkout
The cart slides in from the side: quantity, a gift bag and the total on one screen. Checkout is one flow: contacts (separate for new and returning customers), order contents, delivery and payment.
The summary on the right shows the discount and a promo code field. A guest is told that the 10% loyalty discount applies right after sign-in.
Loyalty system
New customers get 10% off their first order, and one-time discounts work immediately: 7% from UAH 7,000 and 10% from UAH 10,000 in a single order.
The cumulative discount grows with the total of all orders and has no deadlines. Personal discounts do not stack with sales.
- 5%from UAH 6,500 in orders
- 7%from UAH 10,500 in orders
- 10%from UAH 14,000 in orders
And more in the store
Besides the catalog and checkout, the store has sections that help pick a skincare routine and come back for more.
- Mindful skincare academy
- Quizzes to pick a routine
- Blog, guides and protocols
- Beauty Talks with comments
- Specialist consultation
- Sale page and SALE section
- Brand pages
- Compare and favorites
- Sign-up and personal account
- Sign in with Google and Facebook
- Product reviews
Mobile version
On a phone the header shrinks to the logo, search and cart, and the menu opens with a button. The catalog runs in two columns, while the cart and checkout take the full screen.
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, warehouses, orders, bonuses- Nova Poshta
Monobank
TurboSMS
eSputnik
Sign in with Google
Sign in with Facebook
Google Analytics
A cool project starts with filling out this form.
