SKNCEL
UX/UI Strategy Report
Think Barrier First · Egypt-led acne specialism · Parkville sub-brand
Prepared for Parkville
April 2026 · v4
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 — directly relevant to skncel's own barrier-first acne positioning. Navigation is concern-driven; "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. 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 — an aging analysis, not an acne tool. Vichy's acne-relevant line is NORMADERM, operating as a sub-brand within a deep mega-menu — a structural parallel to skncel under Parkville.

Sub-range branding NORMADERM acne line SkinConsult AI (aging) Pharma heritage Egypt localization
UX scores
Navigation clarity
Visual appeal
Product discovery
La Roche-Posay — Effaclar
laroche-posay.us/effaclar

The closest direct model for skncel — a pharmaceutical acne sub-brand with its own page system under a parent. Effaclar's anti-blemish 3-step is Cleanse → Tone/Exfoliate → Treat. 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.

Acne sub-brand 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, as an acne specialist, takes from each

From CeraVe: barrier-repair storytelling (skncel's "Think Barrier First" aligns tightly), concern-first nav, dermatologist-recommended as trust anchor.
From The Ordinary: formula transparency for Acnacidol and actives; a deep regimen quiz, not a 4-question micro-form.
From Vichy: the NORMADERM sub-brand architecture as a structural parallel for skncel under Parkville. Their aging-centric AI tool is not the right reference for an acne specialist.
From La Roche-Posay Effaclar: the single most relevant reference — an acne-specific pharmaceutical sub-brand with clinical % claims, derm quotes, and kit-as-routine commerce.

18 high-impact UX patterns, re-read through an acne-specialist lens

1

Concern-first navigation

All four brands let users enter the catalog by skin concern. For skncel, "concern" is narrower by design — acne-prone skin, post-acne marks, hijab/friction acne, sensitive acne-prone, hormonal acne. Not a general skincare nav.

2

skncel's therapeutic framework: Clear · Balance · Defend

Unlike the references' cleansing routines, skncel's three-step is mechanism-based: Clear (sebum and pore control) → Balance (barrier and microbiome support) → Defend (targeted treatments). This is an acne-management framework, not a daily cleansing routine, and it's the right framing for a specialist brand.

3

Clinical % claims above the fold

Effaclar leads with outcome claims ("up to 60% acne reduction in 10 days"). Essential for pharma-adjacent skincare. skncel's claims must be sourced from actual Parkville/Acnacidol clinical data — see open items in the design direction.

4

Ingredient spotlight — Acnacidol, Niacinamide, Salicylic Acid, Zinc PCA

Every brand dedicates PDP real estate to key actives. skncel's proprietary Acnacidol is the single most valuable ingredient story — it's ownable and unique to the brand.

5

Dermatologist trust signals

Direct quotes from board-certified dermatologists, "dermatologist-recommended" badges. The guidelines position skncel explicitly as "a trusted dermatological expert and supportive partner" — this language should carry over verbatim to the site.

6

Acne profile quiz

Concern-based, not selfie-based. Questions should map to skncel's acne scope: acne severity, hormonal vs external triggers, hijab/mask use, climate exposure, tolerance history, current routine. Outputs a Clear · Balance · Defend routine.

7

Education hub — "Acne is a journey" content

CeraVe's "Skin Smarts" model applied to acne specifically: tolerance-building, PIH on MENA skin, hijab-related acne, over-cleansing traps. Every article links to relevant skncel products. Directly supports the guidelines' "supportive, educational, realistic" tone of voice.

8

Sub-brand hub with full product lineup

Effaclar's dedicated page shows the complete range in context. The template for skncel's hub: Sebo Cleanser Gel, Clarifying Serum, Cleansing Oil, Cream Gel, Back Ac Spray — each placed within Clear/Balance/Defend.

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

Expected and trusted in pharma-skincare. skncel's photoshoot direction (natural texture, subtle glow, MENA-skin inclusive) supports this directly — the brand's visual language already anticipates clinical demonstration.

11

Attribute badges — non-comedogenic, fragrance-free, microbiome-friendly

The skncel product shots already feature "Microbiome Friendly" badges. These should surface on product cards and PDPs as filter-able attributes.

12

Persistent cart + "Add routine" CTA

For routine-building, "Add full routine" alongside "Add to cart" reduces friction for multi-product purchases — directly serves the Clear · Balance · Defend model.

13

Parkville trust ribbon

A subtle persistent header element linking skncel to Parkville's pharma credentials. The guidelines' Partnership Lockup specification applies directly here — SKNCEL on the left (or right, in Arabic), Parkville on the opposite side, 4× separation.

14

How-to-use step visual on PDPs

Numbered, illustrated application steps. skncel's acne products carry specific instructions around layering, tolerance build-up, and sun exposure — these must be visual and explicit.

15

Arabic RTL — parity with English, not translation

The guidelines commit to bilingual Arabic-English. Every layout, typography choice, and interactive component must work in RTL with Inter (LTR) and Zak (RTL) pairing defined in the brand type system.

16

Verified review system

Star ratings and verified buyer reviews. Crucial for acne customers — review-dependency is higher for therapeutic categories than for general skincare.

17

Promotional restraint

The guidelines tone of voice rules out hype. No "miracle" language, no countdown urgency, no discount-driven comms. Promotions exist but must read as clinical, not retail.

18

"Build the routine" cross-sell on PDPs

Every PDP surfaces the Clear · Balance · Defend slot the product fills and recommends the other two to complete the routine. Maximizes basket value and reinforces the therapeutic framework on every page.

Design language — aligned to official skncel brand guidelines

This section reflects the skncel brand guidelines supplied by the client. Typography, palette, tone of voice, and philosophy are adopted as-is. Two open items are flagged at the end for client decision.

Wedge 01

Parkville pharma heritage

A named pharmaceutical parent with in-market credibility. The guidelines' Partnership Lockup makes the Parkville relationship structurally visible, not hidden.

Wedge 02

Egyptian acne specialism

Vision explicitly: "the leading Egyptian acne brand in the Middle East." Not general skincare. Not MENA-generic. Egypt-first, acne-specialist, MENA-expansion.

Wedge 03

MENA-specific acne realities

Hijab-related friction acne, climate-driven flares, over-cleansing behaviors, PIH on Fitzpatrick III–V skin. The guidelines name all four as Cultural Insights. No direct competitor addresses them together.

BRAND PHILOSOPHY

Think Barrier First.

skncel exists to support acne-prone skin with clarity, trust, and dermatological expertise — guiding patients through their acne journey with confidence, not pressure. Acne is a journey, not a quick fix. No harsh solutions. No false promises. Better tolerance, better consistency, better long-term results.

Tone of voice

Supportive, Educational, Realistic. Communicates with empathy and clarity. Provides science-based guidance while setting honest, realistic expectations. No judgment, no pressure, no exaggerated promises.

Brand personality

Supportive partner. Honest and transparent. Scientifically grounded. Simple and structured. A trusted dermatological expert, not a luxury beauty brand.

skncel's therapeutic three-step — Clear · Balance · Defend

Per the brand guidelines, skncel's signature framework is mechanism-based rather than routine-based. Clear covers sebum and pore control. Balance covers barrier and microbiome support. Defend covers targeted treatments. Every product maps to one of these three slots; every page reinforces the framework.

Color system — adopted from brand guidelines

The primary palette is anchored by Velvet Orchid. Secondary palette is Dim Grey, Thistle, Bright Snow.

Velvet Orchid
#6B2978
Dim Grey
#70706E
Thistle
#D9CDDD
Bright Snow
#FDFCFD
UX note — restraint in digital application. Velvet Orchid reads luxurious at brand-marketing scale but risks overwhelming a pharma-clinical UX if applied broadly. Recommendation: use Velvet Orchid sparingly as primary CTA and accent only; anchor the interface in Bright Snow, Dim Grey typography, and Thistle for secondary surfaces. This preserves clinical restraint without departing from the brand palette.

Typography — adopted from brand guidelines

Latin — Inter
Think Barrier First.
Headlines: Inter ExtraBold · Sub: Inter Medium · Body: Inter Regular
Arabic — زاك (Zak)
فكّر في الحاجز أولاً
Headlines: Zak ExtraBold · Sub: Zak Regular · Body: Zak Thin
Open item for client decision — body font weight. The supplied guidelines specify "Inter ExtraBold" for body text (page 27). At small sizes, ExtraBold compromises readability and accessibility contrast. Industry standard for clinical-content body copy is Regular or Medium (400–500). Recommendation: override body font to Inter Regular (400) for web, preserving ExtraBold for H1 only. To be confirmed with brand team before component spec.

Visual identity principles — per guidelines

Clinical minimalismClean layouts, generous white space, structured hierarchy — reflecting "simple and structured" personality.
skncel capsule motifThe twin-capsule logo mark is the core graphic element. Brand pattern derived from it is approved for decorative surfaces.
MENA-inclusive photographyNatural texture, subtle glow, diverse skin tones, hijab representation. Per photoshoot direction: "calm, airy, clinically refined."
01

Acne profile quiz (6–8 questions)

Concern-based, not selfie-based. Maps user to Clear · Balance · Defend routine. Questions cover acne severity, hormonal vs external triggers, hijab/mask use, tolerance history, climate exposure, current routine, goals.

02

Clear · Balance · Defend routine anchor

Every collection page opens with the three-step therapeutic framework. Users see where each product fits before browsing. Products swappable within each step.

03

Acnacidol ingredient transparency

Tap any ingredient badge on a PDP to open a modal: mechanism, concentration, how it supports the barrier, clinical references. Acnacidol gets featured treatment as skncel's proprietary active.

04

Parkville partnership lockup

Per the brand guidelines' Partnership Lockup spec: skncel wordmark on the lead side, Parkville on the opposite side, 4× separation. Adapts for LTR and RTL automatically.

Two open items — to resolve before component spec

  1. Body-font weight override — confirm Inter Regular (not ExtraBold) for body copy, per accessibility best-practice.
  2. Balance as pillar vs tagline — brand materials use "Balance" both as one of three therapeutic pillars and as a top-line product tagline. Clarify which reading governs site IA.

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 Clear · Balance · Defend 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
  • Acne 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 application (logo lockups, color, type, motion)
  • All pages: home, category, PDP, about, ingredients glossary, education hub
  • Interactive acne profile quiz + recommendation engine
  • Dynamic Clear · Balance · Defend routine builder with save/personalization
  • Ingredient modal library — Acnacidol featured
  • 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)
Acne-concern navigationShipsShips
Clear · Balance · Defend anchorStaticDynamic, personalized
PDP with clinical % claimsShipsShips
Acnacidol ingredient modalIf Parkville CMS supportsShips
Parkville partnership lockupShipsShips
Verified reviews + attribute badgesInherited from ParkvilleBespoke build
Acne profile quiz (6–8 questions)Phase 2 — deferredCore feature
Personalized routine enginePhase 2 — deferredCore feature
Account-level skin profileUses Parkville accountsBespoke profile schema
Acne 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 — aligned to official skncel brand guidelines

Schematic mockups using approved palette, typography, and product names from the skncel brand guidelines. 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
SCIENCE-DRIVEN CLINICAL SKINCARE
Think Barrier First.
Supportive acne care for a long-term journey.
Find my routine →
Shop all
The skncel routine
CLEAR
Sebum & pore control
BALANCE
Barrier & microbiome
DEFEND
Targeted treatments
Shop by concern
Acne-pronePost-acne marksHijab/friction acneSensitive acne-proneHormonal acneBack acne
Sebo Cleanser Gel
EGP 320
Clarifying Serum
EGP 485
Cream Gel
EGP 395
Page 2 — Product detail page (Clarifying Serum)
Product image
BALANCE · DEFEND
Clarifying Serum
For acne-prone skin · with Acnacidol, Niacinamide, Salicylic Acid
Non-comedogenic Fragrance-free Microbiome friendly
EGP 485
Add to cart
87%
Clearer skin in 4 wks*
92%
Reduced breakouts*
4.8★
240 reviews
*Clinical claims shown as placeholder — final figures pending Acnacidol clinical study sign-off from Parkville regulatory.
How to use
CLEAR
Cleanse
BALANCE
Apply serum
DEFEND
Spot-treat
Key ingredients — tap to learn more
Acnacidol ★ Niacinamide Salicylic Acid Zinc PCA
Page 3 — Acne profile quiz (step 2 of 6)
Find your skncel routine
How would you describe your acne right now?
No judgment — there's no wrong answer.
Occasional breakouts
Regular breakouts
Persistent / inflamed
Mostly post-acne marks
Full quiz: skin type → acne severity → triggers → hijab/mask use → tolerance history → current routine.
Page 4 — Quiz results / routine recommendation
YOUR SKNCEL ROUTINE
Based on your profile: regular breakouts, hijab-wearer, sensitive skin
CLEAR
Sebo Cleanser Gel
EGP 320
BALANCE
Cream Gel
EGP 395
DEFEND
Clarifying Serum
EGP 485
Add all 3 to cart — EGP 1,200
Page 5 — Education hub article (hijab-related acne)
ACNE & CULTURE · 4 MIN READ
Hijab, humidity, and the acne connection
By Dr. [Name], board-certified dermatologist · Reviewed April 2026
Article hero image
Friction, heat, and trapped humidity under hijab fabric can trigger or worsen acne along the forehead, jawline, and temples — often called "acne mechanica." A barrier-first routine that balances the skin without over-cleansing is the evidence-backed answer…
RECOMMENDED · BALANCE
Cream Gel
EGP 395 · Add to cart →
Related reads: Why over-cleansing makes acne worse · Ingredient spotlight: Acnacidol
RTL treatment — Arabic variant of hub (mirrored, Zak typography)
الاختبارالسلة (0)
علامة من باركفيل
العناية الإكلينيكية العلمية بالبشرة
فكّر في الحاجز أولاً.
رعاية داعمة لبشرة حبّ الشباب، لرحلة طويلة.
← اكتشفي روتينك
تسوّقي الكل
روتين سكنسل
تنقية
تحكّم في الزيوت
توازن
دعم الحاجز
حماية
علاجات مستهدفة
RTL wireframe demonstrates mirrored layout with the brand's Zak Arabic typography pairing. The translation of Clear · Balance · Defend is a first draft — final Arabic terminology pending brand team sign-off.

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
  • 2 rounds of revision per milestone

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:
  • Bespoke e-commerce platform build — stack confirmed in discovery
  • Interactive acne quiz with recommendation logic (6–8 questions)
  • Payment gateway integration (Fawry + card)
  • Arabic RTL at full-build parity
  • QA, launch support, 3 months of post-launch bug-fix cover

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
Analytics & tracking setup22,000 EGPGA4, Meta Pixel, conversion events, GTM configuration.
Extended RTL QA round18,000 EGPNative-Arabic-speaker review of Zak typography fit, line-breaks, translation naturalism.

Terms and governance

Change requestsScope changes beyond two revision rounds per milestone billed separately.
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.