+22% Growth in 6 Months:

+22% Growth in 6 Months:

The E-Commerce launch of a 25-Year-Old Boutique Brand

The E-Commerce launch of a 25-Year-Old Boutique Brand

Project Duration

2 Months

Role

Product Designer

The Challenge/Problem:

A beloved 25-year-old physical store, renowned for its sophisticated atmosphere and personal customer relationships, was experiencing a decline in sales as its loyal, aging customer base became less mobile. The absence of an online presence prevented the store from reaching new, younger consumers nationwide, limiting its growth and digital relevance.

The Solution/Outcome

 Designed and launched an intuitive and visually refined e-commerce platform that successfully translated the physical store's sophisticated, artisanal brand and personalized customer experience into a compelling digital presence. The website aimed to attract and engage a younger, digitally-native audience while providing a convenient shopping channel for existing loyal customers.

Research

Through interviews, in-store observation, and market analysis, I uncovered key insights:

  • Brand Essence: The store’s identity relied on elegance, detail, and personal touch — crucial to preserve online.

  • Older Customers needed a simple and trustworthy online experience.

  • Younger Shoppers (25–35) were drawn to natural, high-quality products with strong storytelling and a seamless mobile experience.

  • Digital Discovery Gap: Without a website or social media presence, the store was invisible to new audiences.

Persona
Ana, 28, marketing coordinator, values unique, ethically-sourced products and shops online via mobile. She seeks visually pleasing experiences, strong product narratives, and gift-worthy items with personality.

Design Process

Core User Flow: Focused on the “social media to first purchase” journey: Discovery via Instagram → Homepage → Category or Featured Product → Product Detail → Cart → Checkout

  • Product Detail Pages: Designed to showcase key info (ingredients, vegan, handmade) without overwhelming.

  • Checkout: Clean, multi-step flow optimized for mobile, ensuring accessibility for all customers.

  • Category Navigation: Intuitive structure based on Aroma, Necessaire, and Home Decor, with filters and storytelling layers.

  • Color & Typography: Soft neutrals with elegant accents; serif for elegance, sans-serif for clarity.

  • Imagery: High-quality photos highlighted artisanal details and “feel-good” moments.

  • Interactive Prototype (Framer): Smooth transitions, microinteractions, and hover states reinforced the brand’s sophistication.

  • Development: Built in Framer and integrated with Shopify via Frameship — combining custom design with powerful e-commerce infrastructure.

Core User Flow: Focused on the “social media to first purchase” journey: Discovery via Instagram → Homepage → Category or Featured Product → Product Detail → Cart → Checkout

  • Product Detail Pages: Designed to showcase key info (ingredients, vegan, handmade) without overwhelming.

  • Checkout: Clean, multi-step flow optimized for mobile, ensuring accessibility for all customers.

  • Category Navigation: Intuitive structure based on Aroma, Necessaire, and Home Decor, with filters and storytelling layers.

  • Color & Typography: Soft neutrals with elegant accents; serif for elegance, sans-serif for clarity.

  • Imagery: High-quality photos highlighted artisanal details and “feel-good” moments.

  • Interactive Prototype (Framer): Smooth transitions, microinteractions, and hover states reinforced the brand’s sophistication.

  • Development: Built in Framer and integrated with Shopify via Frameship — combining custom design with powerful e-commerce infrastructure.

Core User Flow: Focused on the “social media to first purchase” journey: Discovery via Instagram → Homepage → Category or Featured Product → Product Detail → Cart → Checkout

  • Product Detail Pages: Designed to showcase key info (ingredients, vegan, handmade) without overwhelming.

  • Checkout: Clean, multi-step flow optimized for mobile, ensuring accessibility for all customers.

  • Category Navigation: Intuitive structure based on Aroma, Necessaire, and Home Decor, with filters and storytelling layers.

  • Color & Typography: Soft neutrals with elegant accents; serif for elegance, sans-serif for clarity.

  • Imagery: High-quality photos highlighted artisanal details and “feel-good” moments.

  • Interactive Prototype (Framer): Smooth transitions, microinteractions, and hover states reinforced the brand’s sophistication.

  • Development: Built in Framer and integrated with Shopify via Frameship — combining custom design with powerful e-commerce infrastructure.

Impact


  • 2.8% Conversion Rate — well above industry average

  • +35% Website Traffic in 3 months, with a surge from the 25–35 age group

  • 22% Growth in New Customers within 6 months

  • High Engagement: 3m45s average session time, 38% bounce rate

  • Positive Feedback: Customers praised the elegant design and ease of use, while loyal shoppers appreciated the familiarity and convenience of finally shopping online


  • 2.8% Conversion Rate — well above industry average

  • +35% Website Traffic in 3 months, with a surge from the 25–35 age group

  • 22% Growth in New Customers within 6 months

  • High Engagement: 3m45s average session time, 38% bounce rate

  • Positive Feedback: Customers praised the elegant design and ease of use, while loyal shoppers appreciated the familiarity and convenience of finally shopping online


  • 2.8% Conversion Rate — well above industry average

  • +35% Website Traffic in 3 months, with a surge from the 25–35 age group

  • 22% Growth in New Customers within 6 months

  • High Engagement: 3m45s average session time, 38% bounce rate

  • Positive Feedback: Customers praised the elegant design and ease of use, while loyal shoppers appreciated the familiarity and convenience of finally shopping online