NOIR FLORA is a premium floral e-commerce website concept designed to combine editorial art direction with a sophisticated online shopping experience.
The project focuses on creating a cinematic, image-led experience inspired by luxury fashion, botanical studios, and modern editorial design.
The website features immersive full-screen hero sections, editorial storytelling, sticky scroll interactions, a responsive multi-sized product grid, collection pages, product filtering, mobile navigation, and carefully designed responsive layouts.
Key highlights:
• Premium editorial visual direction
• Full-screen cinematic hero experience
• Sticky scroll storytelling sections
• Responsive multi-sized product grid
• Desktop sticky product filter sidebar
• Mobile filter drawer and hamburger navigation
• Responsive layouts for desktop, tablet, and mobile
• Reusable Figma components and design system
• Product cards with multiple layouts and image ratios
• Collection and studio storytelling sections
• Interactive hover and navigation states
• Mobile-first interaction considerations
• Clean, scalable Figma structure
The goal was to create an ecommerce experience that feels more like a premium fashion/editorial website than a traditional online store.
NOIR FLORA is a premium floral e-commerce website concept designed to combine editorial art direction with a sophisticated online shopping experience.
The project focuses on creating a cinematic, image-led experience inspired by luxury fashion, botanical studios, and modern editorial design.
The website features immersive full-screen hero sections, editorial storytelling, sticky scroll interactions, a responsive multi-sized product grid, collection pages, product filtering, mobile navigation, and carefully designed responsive layouts.
Key highlights:
• Premium editorial visual direction
• Full-screen cinematic hero experience
• Sticky scroll storytelling sections
• Responsive multi-sized product grid
• Desktop sticky product filter sidebar
• Mobile filter drawer and hamburger navigation
• Responsive layouts for desktop, tablet, and mobile
• Reusable Figma components and design system
• Product cards with multiple layouts and image ratios
• Collection and studio storytelling sections
• Interactive hover and navigation states
• Mobile-first interaction considerations
• Clean, scalable Figma structure
The goal was to create an ecommerce experience that feels more like a premium fashion/editorial website than a traditional online store.
Aryan's other products
FORM / FIELD — Premium Architecture Website Template