Skincare website example: Fieldnote Skin

Sample site built by our AI, not a customer site. Fieldnote Skin is a made-up business; our AI wrote every section, from the headline to the 4-question FAQ. Fieldnote Skin makes a nine product routine with published stability testing and full ingredient percentages. Fragrance free, shipped from Denver.

View the live example

What makes this skincare website work

The headline sells an outcome

The first thing a visitor reads is "Nine products. Every percentage published.", with "Formulating since 2018" set above it as a small label. The line underneath does the explaining: "We list active concentrations on the box, not just the ingredient name. If a formula cannot hold up in a stability test at 40C, it does not launch." Two buttons follow, "Shop the routine" for people ready to act and "Read the testing" for people who want to look around first. The layout is a split hero, copy on one side and footage on the other, using looping stock footage instead of a static photo.

A strip of hard facts

Directly below the hero, a strip of 4 short facts does the job most skincare sites leave to vague words like "trusted" or "experienced": 9 (products total), 12 wk (stability testing), 0 (added fragrance) and 2018 (first formula). Each one is something a customer can check or hold the business to.

The menu of services is priced

The "A full routine without twenty two steps" section lists 6 the lineup: Gentle gel cleanser, 150ml ($24), Niacinamide 5% serum, 30ml ($32), Vitamin C 15% serum, 30ml ($46), Retinal 0.05% night cream, 30ml ($52), Barrier moisturizer, 50ml ($34) and Mineral SPF 40, 50ml ($29). Prices run from $24 to $52, so a visitor can tell in seconds whether it fits the budget. A one-line note sets the terms: "Start with cleanser, moisturizer, and SPF. Add actives later." Each item gets a sentence of its own, for example "Low surfactant load that does not strip, pH balanced to 5.5."

A story with checkable details

Under the heading "We would rather show the data than the marketing", the about section says: "Fieldnote was started by two formulators who got tired of buying serums with a hero ingredient listed after the preservative. Every product page carries the full INCI list, the active percentage, the batch stability window, and a plain explanation of what the ingredient is expected to do." It then lists 3 concrete points instead of a paragraph of values: active percentages printed on every carton, twelve week accelerated stability testing before launch and sample sizes available so you can patch test before committing.

Testimonials that say something

There are 3 reviews, each signed with a name and a context (Hana P., sensitive skin; Devon R., Chicago; Sam O., eczema prone). None of them says "great service". They mention a specific moment, like "Fragrance free means fragrance free here. No hidden linalool, no essential oil workaround. My eczema has stayed quiet."

It answers the questions people are afraid to ask

The FAQ covers 4 questions: "Can I use the vitamin C and the retinal together?", "How long before I see a difference?", "Why is your niacinamide only five percent?" and "What is your return policy if it breaks me out?". The answers are direct. The first one reads: "Yes, but not in the same application when you are starting out. Use vitamin C in the morning and retinal at night, which also suits how each one behaves with sunlight."

Contact is a single clear ask

The page closes on "Questions about a formula". It sets expectations before anyone gets in touch: "Our care team includes one of the formulators, so ingredient questions get a real answer. Weekday replies usually land within a business day." Hours are written out (Customer care Mon to Fri 9am to 5pm Mountain) and so is the area covered (Ships across the US and Canada). The phone number also sits in the header on every scroll position, so nobody has to hunt for it.

The design stays out of the way

The palette is three colors: a #f4f5f7 background, #101418 text and one accent (#0b7285) used only for buttons and labels. Headings are set in a sans-serif face and buttons have 8px rounded corners. The menu has 6 items (Services, Pricing, About, Reviews, FAQ and Contact), all on one page, so it scrolls instead of making people click through.

Every service and price, as the site lists it

Gentle gel cleanser, 150ml ($24): Low surfactant load that does not strip, pH balanced to 5.5.
Niacinamide 5% serum, 30ml ($32): Five percent, not ten, because higher rarely tests better and irritates more.
Vitamin C 15% serum, 30ml ($46): L ascorbic acid in an opaque airless pump with a batch date on the base.
Retinal 0.05% night cream, 30ml ($52): A low starting strength meant to be used three nights a week at first.
Barrier moisturizer, 50ml ($34): Ceramides and squalane, no fragrance, no essential oils.
Mineral SPF 40, 50ml ($29): Zinc oxide with a tint range of six shades to cut the white cast.

Questions its FAQ answers

Can I use the vitamin C and the retinal together?
How long before I see a difference?
Why is your niacinamide only five percent?
What is your return policy if it breaks me out?

Build a site like this for my skincare

Describe your business in a sentence and the AI writes a site like this one around it. Start building.

Prefer to start from a template?

Current (E-Commerce template)
Wild Daisy Fragrances (E-Commerce template)
prmpt Archive (E-Commerce template)

Looking for ideas, or ready to build?

This page is for inspiration: one real example, taken apart. For the pages a skincare site needs, what it costs and what the builder can and cannot do, see the skincare website builder page.

Free plan: up to 3 template sites on a we.inc address, with no AI and no custom domain. AI building, like this example, starts at $20/mo, and custom domains are on paid plans. The AI builds request and contact forms; payments go through your own Stripe account.