E-commerce · Beauty & Cosmetics Store
Botanical skincare from Lebanon, with a skin quiz that writes your routine
An apothecary-style skincare store for a Beirut botanical brand. A scroll-driven manifesto reveals word by word over the shelf, and a five-question skin quiz fills in a personal label, then builds a three-step routine with a live bundle price. Shop, product pages, bag and a four-step demo checkout all work end to end.
Answer five questions and your answers are inked onto an apothecary label, then stamped into a three-step routine on a shelf with an animated bundle price and one-tap add-all-to-bag.
Two bundle mechanics in one demo: tier cards for a single product (Single, Duo −15%, Trio −25%) with per-bottle flavour picks, and a build-your-own box where every item moves a progress bar toward the next discount tier, with a live price breakdown and an animated savings counter.
Try it
A product grid where Quick view zooms the card image straight into a modal (shared-element transition) with a gallery, colour and size selection, quantity and add to bag. It is fully keyboard driven: Enter opens, arrows browse images, Tab is trapped inside and Esc returns focus to the card.
Try it
A long skincare product page where, as soon as the main buy box scrolls out of view, a compact buy bar slides in with the product thumbnail, chosen variant, size picker, quantity, live price and Add to bag — always in sync with the main buy box.
Try it