<aside> 🛍️

CHEQ is an editorial fashion-storefront experiment focused on “quiet luxury”: oversized typography, restrained surfaces, asymmetrical imagery, pinned storytelling, and deliberately slow motion.

</aside>

1. Project overview

CHEQ was built as frontend/ecommerce practice for exploring how a storefront can feel closer to a premium fashion magazine than a conventional product grid.

The project focuses on art direction and interaction rather than a complete production commerce backend.

Stack: React, TypeScript, Vite, Tailwind CSS, GSAP, Vercel.

2. Design objective

The interface is intentionally restrained.

Instead of using visual hierarchy through many cards, shadows, badges, gradients, and borders, CHEQ relies on:

• typography scale;
• whitespace;
• image composition;
• editorial asymmetry;
• slow reveal pacing;
• a narrow neutral color system.

The goal is to communicate value through composition rather than decoration.

3. Page narrative

flowchart TD
    NAV["Minimal fixed navigation"] --> HERO["Full-viewport editorial hero"]
    HERO --> LOOKBOOK["Two-column lookbook"]
    LOOKBOOK --> PIN["Pinned story / Shop the Look"]
    LOOKBOOK --> PRODUCTS["Stacked product imagery"]
    PRODUCTS --> FOOTER["Minimal four-column footer"]

The page moves from brand statement into a lookbook experience instead of immediately presenting a transactional product table.

4. Hero composition