Bilal Gokdag
Back to Projects

Lavi Cosmetics - Cosmetics and Fragrance E-Commerce Storefront

An e-commerce storefront concept for cosmetics and fragrance stores with a bento-grid hero, a "Build Your Bag" tool and a gift finder.

✓ SEO Friendly✓ Mobile Responsive✓ Admin Panel Included✓ Custom Software
Lavi Cosmetics - Cosmetics and Fragrance E-Commerce Storefront - Main image
Lavi Cosmetics - Cosmetics and Fragrance E-Commerce Storefront - Screenshot 2
Lavi Cosmetics - Cosmetics and Fragrance E-Commerce Storefront - Screenshot 3
Lavi Cosmetics - Cosmetics and Fragrance E-Commerce Storefront - Screenshot 4
Lavi Cosmetics - Cosmetics and Fragrance E-Commerce Storefront - Screenshot 5
Lavi Cosmetics - Cosmetics and Fragrance E-Commerce Storefront - Screenshot 6

Features

  • Bento-grid hero
  • Build Your Bag tool with set discount
  • Gift finder
  • Cart, coupon and WhatsApp order

Overview

Lavi Cosmetics is a design concept for cosmetics and fragrance stores. The store, brands and products are fictional (Samsun); the design and features can be adapted to a real store within a few days.

The language is bold and young: off-white background, ink black, hot pink and lemon yellow, with a sticker look made of thick outlines and hard shadows. The hero is a bento grid.

Key Features

  • Build your bag: Pick products and shades from the face, eye, lip and care shelves to fill an SVG makeup bag; with 3 or more shelves filled a set discount applies and everything goes to the cart in one click.
  • Gift finder: Three set suggestions within budget based on recipient, budget and interests.
  • Product pages: 33 products with shade swatches, volume selection, ingredients and usage notes.
  • Filtered product list: Category, brand, price and sorting stay in sync with the URL.
  • Cart and checkout: The cart is stored in the browser; a free-shipping bar, coupon code and a three-step checkout ending in a WhatsApp order.
  • Optional admin panel: Product, stock and order management plus a payment provider such as iyzico / PayTR can be added.