Luxury Dark Mode Landing Page Design with Storytelling Focus

Luxury Dark Mode Landing Page Design with Storytelling FocusLuxury Dark Mode Landing Page Design with Storytelling Focus

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Anadil Raza

• Jun 21

ÉTHERIE — Luxury Landing Page Concept

I wanted to challenge myself with a high-end visual design project centered around editorial typography and dark-mode aesthetics.

The concept behind ÉTHERIE is "Nature Crystallized." Instead of designing a typical product grid, I focused heavily on storytelling. The page guides the user through the atmospheric mood of the fragrance notes before presenting the curated Signature Series collection.

Key Highlights:

Clean, minimal typography hierarchy using elegant serifs paired with spacious sans-serif navigation.

An asymmetric feature card section designed to break the monotony of standard web grids.

A premium, dark e-commerce layout optimized for desktop viewports.

I engineered this layout to be fully prepared for smooth, scroll-based interactions and dynamic cursor masking effects.

Available for freelance UI/UX and visual design projects! Drop me a message here on Contra if you’d like to collaborate on your next digital product.

Interactive Design Visual Design Claude Figma Stitch uiuxdesign webdesign Product Design

MD Rafee Alam

• Jun 22

The storytelling-first structure is the right call for luxury. Leading with fragrance notes and atmosphere before the product grid keeps the brand feeling high-touch instead of catalog-like. The cursor masking is a nice touch too, it adds intent to the scroll without being distracting.