SEL
Collection, search, product details and a bag with a complete demo checkout.
Open the demo
SÉRUM
Face serum
SÉRUM. 30 ml. €24
From product to purchase.
Shoppers need to understand the range, choose a size and see their total before checkout. SEL connects a storefront, categories, search, individual product pages and a bag in one continuous journey.
Quiet product photography, forest green and clear information rows. The storefront establishes a mood; product pages change the rhythm to prioritise photography, size and price. The bag opens alongside the selection.
- Derwio’s role
- Structure, design, development, responsive layouts
- Inside the product
- Home / catalogue / three products / ritual / bag / demo checkout
Everything needed to choose.
Explore the inner pages and try the navigation.
Size, quantity and delivery are visible before confirmation.
Shopping with one hand.
The bag spans the screen. Quantity, delivery and total stay together.
Open on your phoneSEL
Search and sorting / sizes / gallery / bag / order states
Components and states
A component sample. The working bag is available in the demo store.
All screens and product connections
Catalogue → product → bag → checkout. Size and price stay connected.
A self-initiated studio project. The brand is fictional; real transactions and external integrations are not connected.
Explore the complete demoPULSE/
Web product / Digital product