skncel — UX/UI Strategy Report
Competitor analysis · Design direction · Platform options · Parkville sub-brand
Prepared for Parkville / skncel
April 2026 · v3
4
Reference brands studied
18
UX patterns extracted
5
Core pages mapped
2
Platform proposals
CeraVe
cerave.com/skincare/acne

The #1 dermatologist-recommended skincare brand in the US. Trust is built on "Developed with Dermatologists" and a ceramide-forward barrier-repair story. Navigation is concern-driven (acne, eczema, dry skin), then filtered by product type and ingredient. The "Skin Smarts" education hub converts browsing into buying.

Dermatologist-first Concern-led nav Ceramide signature Skin Smarts hub Accessible price
UX scores
Navigation clarity
Visual appeal
Product discovery
The Ordinary
theordinary.com

Radical ingredient transparency. Products are named after their formulas ("Niacinamide 10% + Zinc 1%"). The Regimen Builder is a 7+ question quiz that outputs AM/PM routines with one-click basket add. Site navigation is by category and Targeted Solutions — the Prep → Treat → Seal model is the regimen framework, not the nav.

Ingredient-first naming Regimen Builder (7+ Qs) Prep · Treat · Seal Minimal aesthetic Cult following
UX scores
Navigation clarity
Visual appeal
Product discovery
Vichy
vichy.eg

French pharmaceutical heritage, Vichy.eg localizes for Egypt. SkinConsult AI is a selfie-driven tool that grades 7 signs of aging against a 10,000+ image database — specifically an aging analysis, not a general concern diagnosis. Ranges (MINERAL 89, NORMADERM) operate as sub-brands within a deep mega-menu.

Sub-range branding Mega-menu depth SkinConsult AI (aging) Pharma heritage Premium positioning
UX scores
Navigation clarity
Visual appeal
Product discovery
La Roche-Posay — Effaclar
laroche-posay.us/effaclar

The closest direct model for skncel — a pharmaceutical sub-brand with its own page system under a parent. Effaclar's anti-blemish 3-step is Cleanse → Tone/Exfoliate → Treat (with Duo+M). Clinical % claims carry the page ("up to 60% acne reduction in 10 days"; "9/10 dermatologists recommend"). Kits are sold as complete routines, not loose SKUs.

Sub-brand page model Clinical % claims Cleanse · Tone · Treat kit Derm endorsement Routine-as-product
UX scores
Navigation clarity
Visual appeal
Product discovery
UX scores reflect qualitative heuristic review across three vectors per brand (navigation clarity, visual appeal, product discovery). Directional, not proprietary research.

Strategic takeaway — what skncel actually takes from each

From CeraVe: dual concern + ingredient filtering architecture, and "dermatologist-recommended" as the anchor trust language.
From The Ordinary: ingredient-first product naming, and a genuinely deep regimen quiz — not a 4-question micro-form.
From Vichy: a diagnostic tool as homepage anchor. skncel's version must be concern-based, not aging-focused.
From La Roche-Posay Effaclar: the sub-brand page architecture, clinical % claims above the fold, derm quotes as social proof, and the kit = routine product model.

18 high-impact UX patterns across the four reference sites

1

Concern-first navigation

All four brands let users enter the catalog by skin concern (acne, dryness, sensitivity) before product type. This is the highest-converting entry model for pharma-skincare.

2

3-step routine framework — but each brand's steps differ

Effaclar's anti-blemish kit is Cleanse → Tone/Exfoliate → Treat. The Ordinary's regimen model is Prep → Treat → Seal. CeraVe's AM routine is Cleanse → Treat → Moisturize/SPF. skncel should pick one framing and own it — don't conflate.

3

Clinical % claims above the fold

Effaclar leads with outcome claims ("up to 60% acne reduction in 10 days", "3× less breakouts"). These convert better than feature lists for pharma-adjacent skincare.

4

Ingredient spotlight section

Every brand dedicates PDP real estate to key actives with scientific explanations. Builds credibility with the research-driven buyer.

5

Dermatologist trust signals

Direct quotes from board-certified dermatologists, co-development claims, "derm-tested" and "dermatologist-recommended" badges. Essential for pharmaceutical credibility.

6

Concern-based recommendation tool

Vichy's SkinConsult AI is best-in-class but aging-specific. For skncel's concern-driven positioning (acne, oily, sensitive, hyperpigmentation), a question-led tool beats a photo-led one — and costs a fraction to build.

7

Education hub linked to products

CeraVe's "Skin Smarts" and La Roche-Posay's editorial content link directly to PDPs from articles. Drives organic SEO and moves users from learn → buy.

8

Sub-brand hub with full product lineup

Effaclar's dedicated page shows the complete range in context, with filterable grid, routine builder at top, and education below. The template for skncel.

9

Size selector on the collection grid

La Roche-Posay shows "Select a size" inline on product cards, reducing nav depth and accelerating purchase decisions.

10

Before/after and clinical imagery

Effaclar uses split-view clinical photography. Expected and trusted in pharma-skincare — its absence signals lower efficacy to the target audience.

11

Non-comedogenic / fragrance-free attribute badges

Product attribute badges (non-comedogenic, fragrance-free, paraben-free) visible on cards. The pharma audience needs these upfront, not buried in ingredients.

12

Persistent cart + "Add to routine" CTA

The Ordinary uses a sticky cart sidebar. For routine-building, "Add routine" alongside "Add to cart" reduces friction for multi-product purchases.

13

Parent brand trust ribbon

All sub-brands display parent affiliation. For skncel, "A Parkville formula" in the header adds instant pharma credibility — arguably the single highest-leverage trust signal for a new brand.

14

How-to-use step visual on PDPs

Product detail pages show numbered, illustrated application steps. Reduces returns, increases satisfaction, and demonstrates product expertise.

15

Locale / market switcher

All brands prominently support regional switching. For skncel in Egypt/MENA, Arabic RTL and local pricing are table stakes — see design direction for the RTL-first commitment.

16

Verified review system

Star ratings and verified buyer reviews on cards and PDPs. Pharma-skincare customers are review-dependent before first purchase.

17

Promotional banners with restraint

The Ordinary's birthday sale and CeraVe's sweepstakes show that even clinical brands use urgency triggers. Strategic use won't compromise authority.

18

"Shop the routine" cross-sell on PDPs

Every brand surfaces complementary products below PDPs. For a narrow product line (skncel at launch), a routine cross-sell block maximizes basket size from day one.

Proposed design language for skncel

skncel's defensible wedge isn't "clinical transparency" — that's the category's table stakes, claimed by every reference brand. The actual wedge is three things the references can't easily copy, all specific to skncel's position in this market.

Wedge 01

Parkville heritage

A named pharmaceutical parent with real in-market credibility. CeraVe has L'Oréal behind it but rarely surfaces it; skncel should surface Parkville constantly.

Wedge 02

MENA skin science

Concerns under-served by US/EU-centric brands: post-inflammatory hyperpigmentation in Fitzpatrick III–V skin, humidity-driven acne, high-intensity UV, melasma.

Wedge 03

Arabic-first design

RTL layouts, typography, and content designed in parallel from day one — not retrofitted. No direct competitor in this price tier does this properly.

Brand voice

Precise but human. Scientific without intimidating. Skincare as self-care grounded in pharmaceutical research — not vanity, not cold medicine.

Aesthetic positioning

Between CeraVe's functional clinical feel and The Ordinary's austerity. More elevated than drugstore, more approachable than laboratory.

skncel's 3-step routine — a synthesis, not a copy

The references don't agree on a single 3-step model. Effaclar's anti-blemish kit is Cleanse → Tone/Exfoliate → Treat. The Ordinary's regimen model is Prep → Treat → Seal. CeraVe's AM routine is Cleanse → Treat → Moisturize/SPF. skncel's proposed framing is Cleanse → Treat → Protect — active treatment in the middle, SPF as non-negotiable third. This is deliberately synthesized for a narrow product line launching in a high-UV market.

Proposed color system

A restrained palette anchored by a pharmaceutical teal-green, with near-white backgrounds and deep charcoal text. Warm sand accents for human warmth.

Primary
#0D8C6D
Soft bg
#E6F4F0
Background
#FAFAF8
Text
#1C2825
Warm sand
#F2EBE0
Alert/CTA
#C5473A

Typography direction

Display / Hero headlines
Skin, solved.
DM Serif Display — Latin only
Body / UI / Product names
Salicylic Acid 2% Serum
DM Sans — Latin + Latin Ext
Arabic pairing — unresolved, to be decided before component spec. DM Serif Display has no Arabic support. DM Sans Arabic exists but the script fit needs evaluation. Candidate display pairings: Madani Arabic, Readex Pro Bold, IBM Plex Sans Arabic (display weights). Candidate UI pairings: IBM Plex Sans Arabic, Readex Pro. Decision affects line-height tokens, letter-spacing, and how headlines feel cross-script.

Visual identity principles

Generous white spaceDon't fill every pixel. Let clinical products breathe on a clean canvas.
Ingredient visualizationMolecular-inspired graphic elements as decorative motifs — suggestive, not literal chemistry.
Micro-motion for trustSubtle hover states, progress on clinical stat counters. Motion signals quality without noise.
01

Skin profile quiz (6–8 questions)

Concern-based, not selfie-based. Questions: skin type → primary concern → severity → secondary concerns → sensitivity → routine experience → (optional) age range → goals. Outputs a 2–3 product routine with "add all to cart." Deeper than a 4-question micro-form, lighter than Vichy's full AI.

02

Routine builder anchor

Every collection page opens with skncel's 3-step visual (Cleanse → Treat → Protect). Users see where each product fits before browsing the full grid. Products can be swapped within step.

03

Ingredient transparency modal

Tap any ingredient badge on a PDP to open a modal: what it does, how it's sourced, what concentration is used, what it conflicts with. Borrowed from The Ordinary's formula-first ethos.

04

"A Parkville formula" trust ribbon

A subtle persistent header element linking skncel to Parkville's pharma credentials. Tap opens a brand story overlay. The primary differentiator from DTC beauty brands.

Two delivery options — design and build implications

The design system is identical for both options. The difference is scope, timeline, technical constraints, brand control, and — crucially — which flagship features are actually buildable in Phase 1.

Option 1 — Parkville platform
Design-only, implemented within Parkville's existing e-commerce

skncel gets a dedicated section within Parkville's current platform. Our deliverable is a design specification package — hi-fi screens, component specs, and a dev handoff doc for the Parkville team.


What we design

  • skncel sub-brand landing / hub page
  • Product collection page (concern + ingredient filter)
  • Product detail page template
  • Static routine anchor component
  • Ingredient transparency modal (if CMS allows)
  • Education hub article template
  • Mobile-responsive variants and Arabic RTL layouts

Pros faster

  • Lower cost — no platform build
  • Inherits Parkville's cart, checkout, accounts, payments
  • Faster time to launch (design → dev handoff is critical path)
  • Leverages Parkville's existing traffic and customer base

Cons constrained

  • Design constrained by Parkville's tech stack and component library
  • Skin quiz and dynamic routine engine deferred to Phase 2
  • Brand identity risks feeling diluted inside the parent platform
  • Dependency on Parkville dev team bandwidth and priorities
Option 2 — skncel standalone platform
Full design + build of a dedicated skncel e-commerce platform

skncel gets its own domain and brand identity. Full creative control. The deliverable is a design system and a production-ready platform with every feature built for the brand, not inherited.


What we design + build

  • Full brand identity (logo system, color, type, motion)
  • All pages: home, category, PDP, about, ingredients glossary, education hub
  • Interactive skin profile quiz + recommendation engine
  • Dynamic routine builder with save/personalization
  • Ingredient modal library
  • Cart, checkout, account flow, review surface
  • Arabic RTL at full-build parity with LTR
  • Mobile app-ready design system

Pros premium

  • Full brand control — skncel identity undiluted
  • Every flagship feature ships in Phase 1
  • Scales independently of Parkville's roadmap
  • Higher perceived brand value in market
  • Can integrate with Parkville at account / data layer via API

Cons investment

  • Higher cost and longer timeline to launch
  • Requires own cart, checkout, payments, logistics integrations
  • Separate customer acquisition (no Parkville traffic)
  • Ongoing hosting, maintenance, tech ownership

Which flagship features ship in each option

Option 1's constraint is real: a shared platform limits bespoke UX. This table makes the trade-off explicit so nobody is surprised later.

Feature Option 1 (Parkville) Option 2 (standalone)
Concern-first navigationShipsShips
3-step routine anchorStaticDynamic, personalized
PDP with clinical % claimsShipsShips
Ingredient transparency modalIf Parkville CMS supportsShips
"A Parkville formula" trust ribbonShipsShips
Verified reviews + attribute badgesInherited from ParkvilleBespoke build
Skin profile quiz (6–8 questions)Phase 2 — deferredCore feature
Personalized routine enginePhase 2 — deferredCore feature
Account-level skin profileUses Parkville accountsBespoke profile schema
Education hubArticle templates onlyFull hub with product links
Arabic RTLDesign-readyFull build parity
Legend: Ships — included in scope · Static / Inherited / If CMS supports — partial · Deferred — moves to Phase 2.

Recommendation

Start with Option 1 as a market-validation phase — ship the skncel brand experience inside Parkville's platform with the features that the table above marks as ships or partial. This tests product-market fit without full platform investment. Design the system so that the features marked "Phase 2 — deferred" (the interactive quiz and personalization engine) drop in naturally the moment skncel moves to Option 2. The design deliverables we produce now are valid for both scenarios.

Key page wireframes — skncel design direction

Schematic mockups showing layout logic, hierarchy, and component placement for each key page. Desktop is shown; mobile variants follow the same hierarchy in single column with condensed nav.

Page 1 — skncel hub / collection home
QuizCart (0)
A Parkville formula
CLINICAL SKINCARE
Formulated to cancel
every skin concern.
Find my routine →
Shop all
The skncel routine
Step 1
Cleanse
Step 2
Treat
Step 3
Protect
Shop by concern
AcneOilinessHyperpigmentationSensitivityAgeing
Clarifying Serum 2%
EGP 485
Foaming Gel Wash
EGP 320
Daily SPF 50 Fluid
EGP 540
Page 2 — Product detail page (PDP)
Product image
SALICYLIC ACID 2%
Clarifying Treatment Serum
For acne-prone + oily skin
Non-comedogenic Fragrance-free Derm-tested
EGP 485
Add to cart
87%
Clearer skin in 4 wks
92%
Reduced breakouts
4.8★
240 reviews
How to use
1
Cleanse
2
Apply serum
3
Protect
Key ingredients — tap to learn more
Salicylic Acid 2% Niacinamide 5% Zinc PCA
Page 3 — Skin profile quiz (step 2 of 6)
Find your skncel routine
What is your primary skin concern?
Acne & breakouts
Oily skin
Hyperpigmentation
Sensitivity
Full quiz: skin type → primary concern → severity → secondary concerns → sensitivity → routine experience.
Page 4 — Quiz results / routine recommendation
YOUR SKNCEL ROUTINE
Based on your profile: oily, acne-prone, moderate severity
STEP 1 · CLEANSE
Foaming Gel Wash
EGP 320
STEP 2 · TREAT
Clarifying Serum 2%
EGP 485
STEP 3 · PROTECT
Daily SPF 50 Fluid
EGP 540
Add all 3 to cart — EGP 1,345
Page 5 — Education hub article
SKIN SCIENCE · 4 MIN READ
Why post-acne dark spots last longer on MENA skin
By Dr. [Name], board-certified dermatologist · Reviewed April 2026
Article hero image
Post-inflammatory hyperpigmentation (PIH) is more persistent in Fitzpatrick skin types III–V — common across MENA — because melanocytes are more reactive to skin trauma. This is why acne marks often outlast the acne itself…
RECOMMENDED FOR PIH
Niacinamide 5% Brightening Serum
EGP 425 · Add to cart →
Related reads: How SPF prevents PIH · Ingredient spotlight: Niacinamide
RTL treatment — Arabic variant of hub (mirrored)
الاختبارالسلة (0)
علامة من باركفيل
العناية الإكلينيكية بالبشرة
بشرة، محلولة.
← اكتشفي روتينك
تسوقي الكل
روتين سكنسل
الخطوة ١
التنظيف
الخطوة ٢
المعالجة
الخطوة ٣
الحماية
RTL wireframe demonstrates mirrored layout structure and Arabic content placement. Final typography depends on the Arabic font pairing decision noted in the Design Direction tab.

Commercial offer — two options, fixed-price

Pricing reflects the scope and governance required to deliver pharma-grade UX, accounting for Arabic RTL parity and clinical content review. All figures in EGP, exclusive of VAT. Offer valid for 30 days.

Option 1
Design package for Parkville platform
120,000 EGP
6 weeks · delivered to Parkville dev team

What's included

  • Strategy and concept lock — sign-off on brand direction
  • 7 hi-fidelity screens: hub, collection, PDP, 2× quiz, quiz result, education article
  • LTR and RTL variants of every screen
  • Figma component library and design tokens
  • Developer handoff pack and component specs
  • Mobile responsive variants
  • 2 rounds of revision per milestone
  • 4 weeks of dev support after handoff

Not included

  • Platform build (delivered by Parkville dev team)
  • Product photography and content writing
  • Analytics and tag-management setup
Option 2
Standalone skncel platform — design and build
450,000 EGP
14 weeks · production-ready platform

What's included

  • Everything in Option 1, plus:
  • Brand identity refinement (logo lockups, motion tokens)
  • Bespoke e-commerce platform build — stack confirmed in discovery
  • Interactive skin quiz with recommendation logic (6–8 questions)
  • Ingredient transparency modal library
  • Education hub with CMS and 5 seed article templates
  • Payment gateway integration (Fawry + card)
  • Arabic RTL at full-build parity
  • QA, launch support, 3 months of post-launch bug-fix cover

Delivery model

Strategy, design and build delivered end-to-end by our studio. Specialist partners engaged where scope requires.


Not included

  • Product photography and content writing
  • Hosting, domain and SSL (passed through at cost)
  • Paid media, email campaigns, ongoing SEO

Upgrade credit — phased path

If skncel commits to Option 2 within 90 days of Option 1 completion, the full 120,000 EGP design fee is credited against the Option 2 total. Net upgrade investment: 330,000 EGP. This makes Option 1 a genuine validation phase, not a sunk cost.

Payment schedule

MilestoneOption 1 (120,000 EGP)Option 2 (450,000 EGP)
On signature (kickoff)40% — 48,00030% — 135,000
Design sign-off30% — 36,00025% — 112,500
Build / staging sign-off25% — 112,500
Final handoff / go-live30% — 36,00020% — 90,000
Invoices payable within 15 days. Late payment beyond 30 days pauses delivery until cleared.

Optional add-ons

Add-onFeeNotes
Product photography direction38,000 EGPShot list, styling brief, photographer management. Photographer fees pass-through.
Education content package52,000 EGP5 articles (EN + AR), MENA-skin focus, derm-reviewed where claims require it.
Analytics & tracking setup22,000 EGPGA4, Meta Pixel, conversion events, GTM configuration.
Extended RTL QA round18,000 EGPNative-Arabic-speaker review of typography, line-breaks, translation fit.

Terms and governance

Change requestsScope changes beyond two revision rounds per milestone billed at 850 EGP/hour or 6,000 EGP/day.
IP transferFull transfer of design IP to skncel/Parkville on receipt of final payment. Working files included.
ConfidentialityMutual NDA proposed at kickoff. Parkville-specific confidentiality terms accepted.
Timeline assumptionsTimelines assume weekly client review with 3-day turnaround on feedback. Delays shift milestones proportionally.

Recommended path

Begin with Option 1 as validation. Design the full skncel experience, ship it inside Parkville's platform with the features marked "ships" or "partial" in the Platform Options tab. Test product-market fit with real traffic for 60–90 days. If the brand proves out, trigger Option 2 upgrade within the 90-day credit window — the design work is already done, and 450,000 EGP additional investment activates the standalone platform with the deferred flagship features (quiz, personalized routine engine, full education hub, RTL parity build).

Next step

Sign-off on this offer triggers kickoff within 5 business days. Initial invoice for 40% (Option 1) or 30% (Option 2) issued on signature. First working session scheduled in week 1 to lock quiz content strategy and Arabic type pairing — the two open decisions from the design direction phase.