An online store for nicotine products — an easy catalogue and a checkout for items that need an import permit.
Fumora Asia ships nicotine products abroad, and some need an import permit. The store had to stay simple and show that step early.
Three categories, many similar-looking cans. Flavour, strength, brand and price have to narrow them down fast.
Price, discount, availability, pack size and reviews — visible before and after the click.
Six named steps, and a clear warning when a product needs a permit.
Make a regulated purchase feel ordinary — with no rule found at the last step.
The header holds only Shop, Prescription, Support, the account and the cart, which opens as a side panel.
Five decisions behind the store — each shown with a real piece of the design.
Flavour and strength first, then brand and price. Each option shows its count; chosen filters stay as removable chips.
WhyWith dozens of similar cans, the list must shrink in a few clicks — and show why.
Badges left, rating right, name and price below — on every card. On hover it becomes a small order form.
WhyRegular customers know what they want. They can fill the cart from the list, without opening ten product pages.
Pack size first, then a three-line description and small facts. Two actions: "Add to cart" or "Buy it now".
WhyIt answers "is this the one?" fast, with a button for browsing and for decided buyers.
A pink label marks the product in the cart, one red line says what to do, and the checkout gives it its own step.
WhyTold early, the customer can remove the product or get the permit — and still finish the order.
The progress bar shows the whole way. One task per screen; the last one shows everything before paying.
WhyA long checkout feels shorter when people see what is left.
Hover a page to scroll through it, click to open it full size. Below the screens, the same store as a working prototype.
Shopping
Checkout
Account
Filter the catalogue, fill the cart and walk through all six checkout steps. The prototype opens in a new tab.
Open the prototype open_in_new
The photos are colourful, so the interface stays quiet: blue for actions, orange for prices, teal for new.
#041643Header, footer, text#0080FFButtons and links#FF3C00Sale, discounts, warnings#00AEAENew, delivered#FFB325Review stars#FAFAFAPage backgroundPoppins in four weights for everything. All parts share the same rounded corners, so every page feels familiar.