Spa Home
Spa Home sells relaxation before it sells product, so the storefront had to earn that mood before a single item loads. The palette carries the calm — soft, warm neutrals instead of the loud whites and clinical blues most beauty stores default to — and every screen was built to hold that feeling from the homepage down to checkout.
Restraint stops at the palette, though: images are large, pricing and ratings sit exactly where a shopper expects them, and the path from browsing to cart stays short. Category pages, empty states and error states were all drawn to the same standard, so the calm never turns into confusion at the one moment — checkout — where a shopper actually needs clarity.
What the design delivers
The decisions that carry this project.
Calm by design
Space, pace and a restrained palette let the products breathe.
The grid does the selling
A clean product wall guides the eye without shouting.
Mood first, then buy
The storefront sets a spa mood before it asks for the sale.
A storefront, start to checkout
The full path a spa-products shopper takes, drawn to one calm standard.
Homepage and category structure
Collections and categories organised the way a spa shopper actually browses — by concern and product type, not just brand — with the calm palette carried through every level.
A product page that still sells
Large imagery and a relaxed layout, but pricing, variants and the add-to-cart action stay exactly where a shopper expects to find them.
Cart, checkout and the edge cases
Empty states, error states and the full checkout flow were drawn with the same care as the homepage, so the calm holds all the way to purchase.
Four stages from mood to checkout
The palette is chosen early, then tested against every screen it has to survive — including the ones that aren't glamorous.
Discovery
I look at the product range, competitors' storefronts and where "calm" usually breaks down — the cart, the empty state, the confirmation screen.
Wireframing
Structure and hierarchy come first, screen by screen, so the store's logic works before the palette is applied on top of it.
Visual Design
Palette, typography and imagery style are settled together and run across the full screen set, including empty and error states, so nothing outside the homepage feels like an afterthought.
Execute
Every screen is handed over ready to build, with the states and variations a developer needs and none of the guesswork.
Project details
Building a storefront that has to earn a mood before it earns a sale? See the E-commerce Store Design service.
Before you scope a store like this
Why a warm neutral palette instead of the whites and blues most beauty stores use?
Does the calm palette make checkout harder to use?
What's included in a store-design deliverable like this one?
Like what you see?
Tell me about your store and I’ll show you what it could look like.