Independent Portfolio Project
DTC Beauty Commerce

Noiré Skin

A conversion-focused beauty commerce system connecting product education, social creative, catalogue advertising and retargeting.

ShopifyMeta AdsCAPICreative

An original, fictional skincare brand built to demonstrate a DTC commerce system.

Noiré Skin is a minimal, clinical skincare concept — an independent portfolio project used to show how product education, ingredient storytelling and retargeting creative can be structured around a single Shopify catalogue.

Turn ingredient education into a repeatable acquisition system.

The objective was a commerce system where product education content, social creative and catalogue advertising all pull from the same product data — so a prospecting ad, a retargeting Story and a product page all make the same claim, in the same voice.

From product upload to reporting, in one sequence.

01
Shopify

DTC storefront & subscription-ready catalogue

02
Product catalogue

Ingredient & routine metadata structured

03
Meta Commerce

Catalogue synced via Commerce Manager

04
Instagram / Facebook

Shop tab, product tagging, Stories

05
Meta Ads

Education-led prospecting + retargeting

06
Pixel + CAPI

Deduplicated event tracking

07
Conversion

Checkout & subscription events captured

08
Reporting

Performance measured against contracted CPA

A product page built around ingredient education.

The storefront concept leads with a clinical, minimal product page — ingredient breakdown, routine placement and a subscription option surfaced before the fold, rather than buried in a tab.

Product page concept
Primary detailKey ingredient callout
SecondaryRoutine step (AM / PM)
PurchaseOne-time or subscribe
Ingredient section concept
FormatIngredient-by-ingredient breakdown
ToneClinical, evidence-led
PlacementAbove the fold on product page

A four-product routine.

A small, structured catalogue built around a clear routine — three standalone products and a discounted system bundle.

No.01 Cleanser
£32
No.02 Serum
£48
No.03 Night Cream
£54
The Daily System
£118

An Instagram feed built around routine and education.

A concept grid alternating hero product content with ingredient education and routine posts, each tagged into the Shopify catalogue via Meta Shopping.

Education-led prospecting, retargeting on proof.

Campaign structure — implementation concept
ProspectingIngredient education creative
RetargetingViewed & add-to-cart audiences
Bundle pushDaily System catalogue set
PlacementInstagram & Facebook feed + Stories

Pixel + CAPI, tuned for subscription events.

Tracking framework — implementation concept
Client-sideMeta Pixel
Server-sideConversions API
DeduplicationShared event ID
Core eventsViewContent, AddToCart, Purchase, Subscribe

A minimal, clinical palette.

Ink Black
Clinical White
Skin Tone
Sage

Recomposed, not shrunk.

Desktop — 1440pxSplit product / ingredient layout
Tablet — 1024pxStacked layout, sticky CTA
Mobile — 390pxSingle column, sticky subscribe CTA

What was actually built.

A working demonstration of an education-led DTC system.

Created a conversion-focused product journey and a Meta commerce architecture designed to hold up as an implementation reference for DTC beauty and personal-care brands.

13 · Disclaimer — Noiré Skin is an original, fictional brand created as an independent portfolio project by Visuioration. It is not a real client, and no interfaces shown reproduce real Shopify or Meta account data.

Considering a similar commerce system for your catalogue?