Organic skincare ecommerce website design

The design brief. An online shop selling organic skincare, serums and wellness products. The category is enormously crowded and every competitor claims the same three things — natural, pure, sustainable. Claims alone carry no weight, so the design has to make the promise visually before a word is read.

The split hero. We divided the opening screen down the middle: deep forest green on the left carrying the headline, and a photograph on the right of matcha being poured, shot close and in natural light. No product bottle appears in the hero at all. The image sells the ingredient and the ritual rather than the packaging, which is the argument an organic brand actually needs to make. Bottles look like every other bottle; a hand pouring something green does not.

Colour as the claim. The forest green and pale mint palette is the single most important decision here. It is drawn from the products themselves and it does the work that the word organic cannot, because green in this context reads as botanical rather than corporate. Warm cream backgrounds beneath keep it soft. There is no white anywhere on the page — pure white would have made it feel clinical and pharmaceutical, which is the opposite of the positioning.

Product grid. Three products across, each photographed in a real setting with natural shadows — on linen, against a leaf, in daylight — rather than cut out on a white background. That styling decision matters more than any layout choice. Cut-out product shots are efficient and read as mass-market; in-situ photography reads as artisan, and the price point depends on that distinction.

Quick add buttons. Each card carries a small outlined quick add control rather than a filled button. Outlined buttons are quieter, and for a considered purchase in a premium category, a page of aggressive filled buttons undermines the calm the rest of the design has built. The category and price sit above and below the product name in small type, so scanning the row for a price point is effortless.

Two-tone section headings. Headings are split across two lines with the second line in a lighter green — a small typographic device used consistently down the page. It creates rhythm without adding any elements, and it gives each section a moment of colour in an otherwise restrained layout.

The recurring photography motif. Every section pairs a solid colour block with a photograph of hands preparing or holding something. The repetition builds a coherent visual language across the whole page, and the constant presence of hands is deliberate: handmade, small-batch and human are the qualities being sold, and hands communicate all three without a line of copy.