This project reimagines luxury e-commerce as a slow, emotional, and highly interactive digital ritual — blending cinematic motion, tactile UI, and conversion-focused UX into a refined online experience.

Maison Ysaline is a luxury skincare house built around intention, stillness, and sensory awareness. The goal was to design a website that feels less like a store and more like entering a private sanctuary.

Design Goals

• Create a calm, premium first impression
• Replace rushed shopping with emotional pacing
• Use motion and interaction to guide the user
• Increase conversion without sacrificing elegance

UX Strategy

The website should be designed to feel like entering a private sanctuary — a place where users slow down, feel held, and leave feeling renewed.

Instead of traditional ecommerce layouts, the experience is structured as a guided journey:
Landing → Emotional framing → Product discovery → Ritual → Checkout

Micro-interactions, scroll pacing, and transitions slow the user down while subtly directing attention toward key conversion points.

UI System

The interface uses:
• Soft luxury typography
• Spacious, editorial layouts
• High-contrast product framing
• A refined color system inspired by pearl, stone, and deep burgundy
• Minimal but tactile interface elements

Everything is designed to feel quiet, expensive, and intentional.

Motion & Interaction

Motion is used as a narrative device:
• Products gently float into view
• Sections reveal through slow fades and parallax
• Buttons respond with subtle haptic-like movement
• Scroll triggers create cinematic transitions

Motion + Interaction Framing

“Motion and interaction are used to create a sense of flow — like being gently guided through a space — rather than clicking through a store.”

⸻

Conversion Framing (for PB Launch & agencies)

“When people feel calm and emotionally settled, they make clearer buying decisions.
This experience is designed to reduce friction and resistance by making users feel renewed, not pressured.”

These interactions are not decorative — they increase dwell time, focus, and emotional connection.

Conversion Design

The experience is engineered for high-intent buyers:
• Reduced visual noise
• Clear visual hierarchy
• Strong emotional framing before purchase
• Fewer but more meaningful CTAs
• A checkout flow designed to feel private and deliberate

This results in:
• Higher AOV
• Lower bounce rate
• Stronger brand attachment