Case study

A skincare brand for reactive skin: brand direction, colour and type, then the product pages, a comparison and the journal

Skincare brandBrand direction / Web design / Product pages

A skincare brand for reactive skin: brand direction, colour and type, then the product pages, a comparison and the journal

Client

Frost

Industry

Skincare brand

Scope

Brand direction / Web design / Product pages

Services used on this project:Company website

The pages

Frost skincare home page on a desktop screen: a snow mountain photograph, the centred wordmark and the mist bottle
Frost skincare website section explaining the morning and evening routine, with product-in-use photography
Product page on the Frost skincare website: three product cards with size, key ingredients and price
Comparison section on the Frost skincare website: two cards setting daily care against a scheduled routine
Journal index on the Frost skincare website: three entries with category, reading time, headline and thumbnail
Customer comment section on the Frost skincare website: a portrait beside a quote on deep navy
Frost skincare brand palette: five shades from deep navy to ice blue and white, with HEX and RGB values
Frost skincare type specimen: an Aa on pale blue, the Playfair Display heading typeface

The job in numbers

3

product cards: mist, cream and balm

4

points a side: daily care against a scheduled routine

3

journal topics: skin science, routines and sourcing

5

shades, from near-black navy to white

01

Skincare for reactive skin

Frost is a skincare brand for reactive skin, with a facial mist, a cream and a balm. Its idea is a short routine twice a day in place of strong actives that skin has to be eased into.

This job was the brand and the product pages, not an online store. What it needed was a site that explains how the brand thinks about skin and what each item does, before anyone decides to buy through any channel.

02

Reactive skin needs a reason to trust

People with reactive skin have usually tried several brands already. A pretty picture will not move them. Understanding how this brand differs from what they have used will, so the site had to explain the idea before it sells.

We ordered the home page by their questions: how to use it, how it differs from strong formulas, what is in the bottle and how it felt for someone who used it, with the product pages and the journal after.

03

Snow peaks and cold blues

The home page opens on CALL FOR THE COLD above a giant FROST, with the mist bottle standing in the O and a snow mountain behind. Under it, a row of product thumbnails sits around an Explore button.

The palette runs five shades, from near-black navy through blue, pale blue and ice to white. Playfair Display sets the headings in roman and italic, with the italic kept for lines in the brand’s own voice, like "that is the whole ritual". Figtree sets the text, which reads comfortably at length on a phone.

04

Product cards that answer it all

Each product card holds the photo, name, size, main ingredients, price and an Add button in one view. The top seller gets a large card with a Bestseller tag, and the cream and the balm sit beside it as smaller cards.

A comparison sets daily care with Frost against a scheduled routine with strong actives, four points a side, so readers can see for themselves which one fits them. If you have a product brand and want to start selling online, see online store design.

05

A journal and a customer’s voice

The journal is a plain list: each entry shows its topic, reading time, headline and a small picture, across three topics, skin science, routines and sourcing, so the brand can keep adding stories without the page changing shape.

The customer section sets a portrait and a large italic quote on deep navy, under the heading "What changed, in four weeks", so the result is told in a user’s words rather than the brand’s.

06

Articles that answer questions before a sale

The journal headlines take on what people with reactive skin wonder about, such as why cold water helps and why less is better, so each article can answer a search of its own and lead the reader back to the products.

The site has a Thai and an English version, with schema and sitemap in place and Analytics and Search Console connected before launch. To have articles like these written for your brand, see SEO copywriting.

Want a site like this for your business?

Tell us about your business on LINE or WhatsApp. We reply within one working day with the right package and the closest project to yours.

Chat on LINE (opens in a new tab)Chat on WhatsApp (opens in a new tab)Email us