Atelier New York
Cultural Commerce Through Storytelling and Exclusive Drops

Atelier New York
Cultural Commerce Through Storytelling and Exclusive Drops

Atelier New York
Cultural Commerce Through Storytelling and Exclusive Drops

Role

E-Commerce UX Designer | Visual Merchandiser | Product Strategist

Year

2021 - 2023

Applications

Figma, Shopify, Adobe Lightroom, PS, Google Analytics, Excel Sheets, Slack

Brief

Atelier New York is a luxury multi-brand boutique known for its curated avant-garde fashion. Rooted in a culture of limited drops, it offers exclusive pieces in a timely, intentional manner. I joined the team to align collection launch flows with drop schedules, ensuring that high-heat releases were discoverable, visually prioritized, and seamlessly shoppable.

Overview: A Quiet Pursuit of Exclusivity

Atelier New York is an avant-garde, multi-brand luxury boutique known for its sharp selection of conceptual designers and refined craftsmanship—like Rick Owens, Comme des Garçons, and Boris Bidjan Saberi—catering to a global community of fashion collectors who see clothing as cultural identity.


Operating with the principles of drop culture, Atelier offers exclusive capsule collections and hard-to-find releases in its own quiet, restrained approach, aligning with customers who appreciate scarcity and quality while seeking a calm, elevated shopping experience. My goal was to empower Atelier’s global audience to engage seamlessly with product drops while reinforcing the emotional resonance that makes each purchase part of a larger cultural narrative.

Challenge: The Tension Between Urgency and Calm

Atelier’s core audience spans:


  • Western collectors who seek storytelling, exploration, and an editorial browsing experience, along with

  • Asian shoppers who value speed, detailed product information, and high-resolution imagery.


The challenge was to design an experience that preserved Atelier’s quiet, timeless identity while accommodating for distinct shopping behaviors supported by the urgency and clarity associated with drop culture.


How do you build a platform that feels like an intimate discovery for Western audiences while delivering the efficiency and precision expected by global shoppers—without compromising the brand’s integrity and intellectual aesthetic?

Design Approach: Restrained Structure for Intentional Browsing

To support drop culture while addressing distinct user needs, I clarified the user journey across product discovery, evaluation, and purchase by restructuring collection flows, PLPs, and PDPs within Shopify’s framework.

Collection Flows

1. Collection Flows:


  • Curated entry points—like homepage hero modules, New Arrivals, designer capsules—spotlight exclusive collections and seasonal campaigns, guiding users into thoughtful, brand-consistent exploration that feels like an extension of Atelier’s physical store and brand experience

2. Product Listing Pages (PLPs):


  • Refined the grid layout with generous spacing and large images to support editorial discovery and efficient scanning

  • Prioritized new releases and featured items at the top to ensure key products are seen immediately, aligning with drop culture expectations

  • Leveraged existing filtering and sorting tools to help users refine a large product catalog and make informed decisions

PLPs
PLPs

3. Product Detail Pages (PDPs):


  • Prioritized product imagery structurally to create an immersive viewing experience

  • Refined content hierarchy to surface essential product details clearly, enabling quick evaluation

  • Positioned the ‘Add to Cart’ CTA prominently to streamline purchasing decisions

  • Integrated subtle cues around availability and exclusivity to ensure clarity without disrupting browsing flow

  • Placed personalized recommendations below the fold to encourage continued exploration while retaining initial product focus

PDPs
PDPs

2. Product Listing Pages (PLPs):


  • Refined the grid layout with generous spacing and large images to support editorial discovery and efficient scanning

  • Prioritized new releases and featured items at the top to ensure key products are seen immediately, aligning with drop culture expectations

  • Leveraged existing filtering and sorting tools to help users refine a large product catalog and make informed decisions

3. Product Detail Pages (PDPs):


  • Prioritized product imagery structurally to create an immersive viewing experience

  • Refined content hierarchy to surface essential product details clearly, enabling quick evaluation

  • Positioned the ‘Add to Cart’ CTA prominently to streamline purchasing decisions

  • Integrated subtle cues around availability and exclusivity to ensure clarity without disrupting browsing flow

  • Placed personalized recommendations below the fold to encourage continued exploration while retaining initial product focus

PLPs

2. Product Listing Pages (PLPs):


  • Refined the grid layout with generous spacing and large images to support editorial discovery and efficient scanning

  • Prioritized new releases and featured items at the top to ensure key products are seen immediately, aligning with drop culture expectations

  • Leveraged existing filtering and sorting tools to help users refine a large product catalog and make informed decisions

PDPs
PDPs
PDPs

3. Product Detail Pages (PDPs):


  • Prioritized product imagery structurally to create an immersive viewing experience

  • Refined content hierarchy to surface essential product details clearly, enabling quick evaluation

  • Positioned the ‘Add to Cart’ CTA prominently to streamline purchasing decisions

  • Integrated subtle cues around availability and exclusivity to ensure clarity without disrupting browsing flow

  • Placed personalized recommendations below the fold to encourage continued exploration while retaining initial product focus

PLPs
PLPs

Visual System: A Gallery-Like Experience

To reflect Atelier’s sophisticated tone, I developed a gallery-like visual system across color, typography, imagery, layout, and mobile experience.


Color Palette:

  • Monochromatic (black, white, gray)

  • Occasional beige or muted neutrals for warmth

  • Creates a sense of calm, exclusivity, and timelessness


Typography:

  • Clean, sans-serif fonts (simple, unobtrusive)

  • Medium to light weight, reflecting a modernist, intellectual aesthetic

  • Generous white space around text, emphasizing spaciousness


Photography & Product Display:

  • Flat, neutral backgrounds (often white or gray), focusing solely on the garment

  • No distracting props or colorful backdrops

  • Images emphasize texture, drape, and silhouette over styled lifestyle shots

  • Occasional editorial photography with artistic lighting, shadows, and layered textures to convey mood


Layout and Visual Rhythm:

  • Spacious, consistent grid preserves a calm, contemplative browsing experience

  • Large, high-resolution product images act as focal points for storytelling

  • Consistent aspect ratios and clean alignment maintain rhythm across pages

  • Subtle hover states reveal alternate angles without disrupting flow


Tone and Content Strategy:

  • Understated copywriting, focusing on garment construction, material, and designer philosophy

  • Avoids overt sales language, aligning with the brand ethos

  • Occasional feature of editorial content or look books, presented quietly to maintain product focus


Mobile Experience:

  • Mobile site mirrors desktop minimalism with swipe-friendly layouts

  • Prioritizes product visuals and add-to-cart functionality without clutter

Collection Flows
Collection Flows

Result: Timely Exclusivity with Contemplative Browsing

The redesign transformed Atelier’s digital presence into an intimate, curated gallery, capturing a restrained yet agile, high-craft user experience that supports high-intent global shoppers in discovering, contemplating, and connecting with garments as objects of cultural and artistic significance.


High-resolution imagery and editorial presentation allow for a deeper appreciation of craftsmanship, material, and silhouette, ensuring each drop becomes a moment of individuality and self-expression.


Key Outcomes:


  • +18% increase in click-through rate (CTR) on curated hero modules, indicating effective guidance into seasonal collections and designer capsules

  • +25% faster sell-through rate on limited drops within 48 hours post-launch, driven by prioritization of exclusive drops

  • +25% faster sell-through rate on limited drops within 48 hours post-launch

Reflection: Quiet Impact

Designing for Atelier reinforced the importance of aligning brand identity with commerce functionality. I learned how design decisions at the micro level—image hierarchy, content rhythm, and subtle indicators—cumulatively shape the macro experience of a brand, demonstrating that urgency and discoverability can coexist with minimalism.


This project also deepened my practice in tailoring design for global audiences with distinct browsing behaviors, balancing editorial discovery for Western collectors with the efficiency and precision valued by Asian shoppers.

Explore the Moments Behind the Lens

Atelier New York is as much about storytelling as it is about fashion. Supporting this ethos, I contributed event photography for two pivotal showcases that brought the brand’s avant-garde vision to life:


These photos tell a story of creativity and innovation, visually connecting Atelier’s community-driven events with its broader brand identity.

Atelier New York is as much about storytelling as it is about fashion. Supporting this ethos, I contributed event photography for two pivotal showcases that brought the brand’s avant-garde vision to life:


Rigards x Lucentment x Atelier New York:

Celebrating Atelier’s 20th anniversary with a stunning collection preview from the artisanal eyewear label RIGARDS, in collaboration with LUCENTEMENT.


Werkstatt:München x StyleZeitgeist:

Capturing the intimate atmosphere of this book-signing event, which showcased the intersection of craftsmanship and storytelling.


These photos tell a story of creativity and innovation, visually connecting Atelier’s community-driven events with its broader brand identity.

Atelier New York is as much about storytelling as it is about fashion. Supporting this ethos, I contributed event photography for two pivotal showcases that brought the brand’s avant-garde vision to life:


Rigards x Lucentment x Atelier New York:

Celebrating Atelier’s 20th anniversary with a stunning collection preview from the artisanal eyewear label RIGARDS, in collaboration with LUCENTEMENT.


Werkstatt:München x StyleZeitgeist:

Capturing the intimate atmosphere of this book-signing event, which showcased the intersection of craftsmanship and storytelling.


These photos tell a story of creativity and innovation, visually connecting Atelier’s community-driven events with its broader brand identity.

Rigards x Lucentment x Atelier New York

Rigards x Lucentment x Atelier New York:


Celebrating Atelier’s 20th anniversary with a stunning collection preview from the artisanal eyewear label RIGARDS, in collaboration with LUCENTEMENT.

Werkstatt:München x StyleZeitgeist

Werkstatt:München x StyleZeitgeist:


Capturing the intimate atmosphere of this book-signing event, which showcased the intersection of craftsmanship and storytelling.

Werkstatt:München x StyleZeitgeist
Werkstatt:München x StyleZeitgeist
Rigards x Lucentment x Atelier New York

1. Collection Flows:


  • Curated entry points—like homepage hero modules, New Arrivals, designer capsules—spotlight exclusive collections and seasonal campaigns, guiding users into thoughtful, brand-consistent exploration that feels like an extension of Atelier’s physical store and brand experience

1. Collection Flows:


  • Curated entry points—like homepage hero modules, New Arrivals, designer capsules—spotlight exclusive collections and seasonal campaigns, guiding users into thoughtful, brand-consistent exploration that feels like an extension of Atelier’s physical store and brand experience

Collection Flows
Collection Flows
Rigards x Lucentment x Atelier New York
Rigards x Lucentment x Atelier New York
Werkstatt:München x StyleZeitgeist
Werkstatt:München x StyleZeitgeist

Related work

Check out other
cool projects which will
blow your mind

Check out other
cool projects which will
blow your mind

Check out other
cool projects which will
blow your mind