Available · June 2026

Product pages,
shipped to production.

I design mobile-first PDPs for DTC Shopify brands. Currently shipping in production.

Maissae Jmahri
+1 yrsUI/UX
06+projects
Open to full-time & freelance
Remote · CET/Replies within 24h/maissae.01jm@gmail.com
01 / 03 · Selected work

Three projects, three contexts.

One shipped, one concept, one self-directed. Each case documents the real interface decisions and the reasoning behind them.

Live · Production

Élane — PDP

Bikini trimmer product page. Mobile-first. Live at elanecare.com.

Read case
Concept · Category exhibit

Sève — mushroom blend PDP

Reference PDP for the mushroom-blend category. Patterns audited and applied.

Read case
Personal · Exhibit

Sheld — exhibit

Pattern study from six audited French DTC PDPs. Applied to a new category.

Read case
01
Case 01 · Live · Production

Élane — bikini trimmer PDP.

Élane is a French DTC bikini trimmer brand. I designed the mobile PDP that's currently live at elanecare.com. V1 was editorial and monospace-heavy. V2 is mobile-first with interactive components and integrated trust signals. The brand kit was set going in. Every decision below is about how the page works.

Before · V1

Scroll inside ↕
Editorial V1

After · Live

Scroll inside ↕
Shipping at elanecare.com

01UI · Hierarchy

Image-led hero composition.

V1 stacked gallery thumbnails above the headline. V2 anchors the viewport with one product photo. The headline sits above the photo, the buy CTA sits below. Thumb-zone reachable in a single viewport.

Mobile-firstComposition
02UX · Scan zone

Social proof above the headline.

The 3-avatar stack, 4.6★ rating, and customer count moved above the H1. In V1 they sat below the CTA. The eye lands on credibility first and copy second.

HierarchyF-pattern
03Interaction · Component

Pricing as a configurator.

The single price plus strikethrough became a pack module with variant picker, Klarna 4× line, scarcity counter, and a gifts bundle. The price becomes a configuration the user assembles.

Add-to-cartState
04Interaction · Component

Avant/Après slider.

A drag-handle component reveals before/after of the bikini line. One touch interaction replaces the previous two-image grid. Reduces objection without adding copy.

MicrointeractionPhoto pair
05Integration · Embed

TikTok 12M+ reel inline.

The top-performing organic reel embedded inside the PDP. Not linked out. Mobile users get the proof video without leaving the buying context. Native iframe with autoplay on tap.

UGCVideo
06Content · Pattern

Brand-replies-to-reviews.

Select reviews surface an Élane response below the customer comment. A dialogue-as-trust pattern, placed inside the PDP review layout instead of the review platform itself.

TrustReviews module
Shipped in production · elanecare.com

Live since 2025. Continuous iteration.

View the live PDP
02
Case 02 · Concept · Category exhibit

Sève — mushroom blend PDP.

A reference PDP I built for the mushroom-blend and coffee-alternative niche. Fictional brand, real patterns. Every block on the page is sourced from audited French DTC sites and recurring conversion patterns in the category. The case below highlights the seven decisions that make the page work.

01
Hierarchy · Above fold

Senior sequencing of the hero.

Rating row, then headline, then 3-icon benefit grid, then bullets, then CTA, then quick-trust strip, then product stage, then flavor selector. The viewport ladder moves from credibility to claim to proof to action without backtracking.

Scan orderF-pattern
02
Pricing · Hierarchy

Tiered duration selector, no toggle.

1/2/3-month tiers with the middle tier scaled up, accent border, and a Populaire badge. No subscribe-vs-onetime toggle above. Savings chips on each tier and the CTA percentage anchors to the maximum tier saving, not an arbitrary number.

Category patternTier
03
Trust · Under CTA

Trust triplet plus Klarna inline.

Below the pricing module: "Livré le mardi 26 mai" calculated from visitor's day, Klarna 3× sans frais surfaced as reassurance with logo, and the 60-day satisfait guarantee. Three reassurance items in one row, payment widget below. Reduces price-shock and time-uncertainty before the cart.

MicrocopyKlarna
04
Tonal break · Trust

Mechanism panel as the proof moment.

The cocoa-dark mechanism section interrupts the warm yellow page with one job: answer the skeptic. Big 92% biodisponibilité stat anchors the claim, the body explains the why, the sub-stats reinforce it. One section, one objection handled.

Tonal shiftSkeptic
05
Trust · Comparison

Anonymous comparison table.

"Sève vs Café" — competitor unnamed, every Sève cell highlighted with the accent, every Café cell muted with a cross. Reframes the choice without legal risk and converts the skeptic by anticipating their default alternative. A pattern observed across the audited category.

Category patternNo-name comp
06
IA · Flow

Tabbed FAQ across 3 categories.

FAQ split across Le produit / L'usage / Pratique tabs at the page bottom, not a mid-page accordion. Reading rhythm between hero and proof stays intact. Each tab holds 2–3 questions. A pattern observed across the audited category.

TabsReading rhythm

Scroll the cards ↓
PDP follows each decision

07
Interaction layer · Live demo

The bundle module, working.

Try the configurator

Decisions 03 (tiered duration selector) and 04 (Klarna inline) made interactive. The flash on the subtotal is the live feedback signal that closes the "did I read that right?" loop before the user reaches the cart.

Choisis ton format
Total panier36,80 €
Category exhibit · fictional brand · spec for the mushroom-blend niche

Self-initiated reference PDP. The deliverable is the Sève file linked below.

View the Sève PDP full-screen
A PDP isn't a poster. It's a sequence, and the sequence is the design.
Working principle·Two years iterating against real spend
03
Case 03 · Personal · Exhibit

Sheld — pattern fluency exhibit.

I audited six high-performing French DTC PDPs across health, beauty, and wellness categories, extracted the recurring patterns, and applied them to a fictional blue-light-filter brand. An exhibit, by design. No V1 to compare against.

Patterns extracted, then applied.

The point of Sheld isn't novelty. It's discipline. Reading a category and designing within an established conversion language without inventing for the sake of it.

01
Award ribbon > press wall

A compact authority badge above the title replaces an 80px-tall press-logo strip. Observed across two of the audited PDPs.

02
Anonymous comparison table

"Brand vs methods", no competitor named. Reframes the choice and converts skeptics. Five of six audited sites.

03
Trust triplet under CTA

Three reassurance items directly below add-to-cart: payment, return, free delivery. All six audited sites.

04
Calculated delivery date

"Livré le mardi 26 mai", computed from the visitor's day, not a generic shipping window. Four of six sites.

Sheld exhibit
Scroll inside ↕

How I work.

I'm a UI/UX designer for DTC brands on Shopify. Most of my work is mobile-first PDP design for brands shipping in production. Élane is the most visible recent project, currently live at elanecare.com.

When a DTC brand brings me in, the brand kit stays. What I rebuild is what the page does: the interaction layer and the IA, on top of the assets you already have.

Experience

2025 — Now
UI/UX Designer · DTC product pages
Élane · live in production
2025
Freelance · paid media + design
Meta ads creatives, brand systems
Before UI/UX · the path here
2023 — 2025
Brand & creative manager
Schneider Electric · the foundation that led to design

Education

Master · MAC
Marketing & Action Commerciale
ENCG — National School of Business & Management
Certified
Digital marketing & paid media
Google professional courses

Tools

Shopify Figma Higgsfield Claude HTML · CSS · Liquid

Open to full-time & freelance.

If you're shipping a DTC product and the PDP is the bottleneck, I'd like to hear about it.

maissae.01jm@gmail.com LinkedIn