Luxury Perfume E-commerce Web Design
Budget: €250 – €750 EUR
Project Overview
Brand: (Paris-based luxury perfume brand)
Vision: Create an immersive, high-converting e-commerce website that blends classic elegance (40%) with rebellious edge (60%). The site must reflect a "luxurious bad boy" aesthetic, targeting avant-garde clients aged 25-45.
Key Design & Functionality Requirements
1. Visual Identity
Dual Aesthetic:
Rebellious Side (60%): Grunge textures (#2A2A2A charcoal, #8B0000 blood red), Baron Neue font, cyberpunk/industrial elements.
Chic Side (40%): Minimalist luxury (#FAF9F6 cream, #D4AF37 aged gold), Playfair Display font, Art Deco influences.
Dynamic Split Layout: Asymmetrical "torn" effect separating the two themes, with scroll-triggered animations (e.g., rebel elements "contaminating" chic sections).
2. Core Pages
Homepage:
Hero section with a split perfume bottle (half sleek crystal, half barbed-wire rebel).
Interactive scroll effects (e.g., holographic cracks spreading).
Product Grid:
Asymmetric cards: Rebel products (2x2 grid cells with jagged edges) vs. Chic products (1x1 cells with gold borders).
Hover animations: Cracks for rebel cards, gold dust for chic cards.
Product Pages:
Dual image slider (toggle between chic/rebel visuals).
Contextual CTAs: "Steal This Scent" (rebel) vs. "Embrace Elegance" (chic).
3. Technical Features
Mobile-First Design: Vertical stack for mobile (rebel-first), swipe gestures to toggle themes.
Animations: GSAP/Lottie for hover effects (e.g., liquid pulsing, glass shattering).
Performance: WebP/AVIF images, lazy loading, Core Web Vitals score >90.
Integrations: Stripe/PayPal payments, inventory alerts, SEO-friendly blog.
Assets Provided
Product Labels: High-res PNG files (e.g., KRYPTO-NIGHT, LOST CHERRY).
Mood Board: Cyberpunk meets Parisian luxury (available upon request).
Content: Product descriptions, SEO keywords, brand story.
Deliverables
Figma/XD Prototypes: Including hover/scroll states.
Developed Site: Responsive, cross-browser compatible, CMS-integrated (Shopify/Headless WordPress).
Testing: A/B testing for CTAs, performance optimization report.
Freelancer Requirements
Portfolio: Showcase previous luxury e-commerce or high-contrast design projects.
Technical Stack: Proficiency in React/Next.js, GSAP, Shopify/WordPress.
Collaboration: Agile workflow, weekly updates, creative problem-solving.
Application Instructions
Submit a Proposal: Include:
Portfolio links (highlight relevant projects).
Technical approach (tools, timeline, budget estimate).
Answer: How would you balance performance with complex animations?
Deadline: Proposals due within 7 days.
Questions? DM for clarifications or creative brainstorming!
PS: Bold ideas encouraged—we want this site to break conventions like our perfumes! ?
Brand: (Paris-based luxury perfume brand)
Vision: Create an immersive, high-converting e-commerce website that blends classic elegance (40%) with rebellious edge (60%). The site must reflect a "luxurious bad boy" aesthetic, targeting avant-garde clients aged 25-45.
Key Design & Functionality Requirements
1. Visual Identity
Dual Aesthetic:
Rebellious Side (60%): Grunge textures (#2A2A2A charcoal, #8B0000 blood red), Baron Neue font, cyberpunk/industrial elements.
Chic Side (40%): Minimalist luxury (#FAF9F6 cream, #D4AF37 aged gold), Playfair Display font, Art Deco influences.
Dynamic Split Layout: Asymmetrical "torn" effect separating the two themes, with scroll-triggered animations (e.g., rebel elements "contaminating" chic sections).
2. Core Pages
Homepage:
Hero section with a split perfume bottle (half sleek crystal, half barbed-wire rebel).
Interactive scroll effects (e.g., holographic cracks spreading).
Product Grid:
Asymmetric cards: Rebel products (2x2 grid cells with jagged edges) vs. Chic products (1x1 cells with gold borders).
Hover animations: Cracks for rebel cards, gold dust for chic cards.
Product Pages:
Dual image slider (toggle between chic/rebel visuals).
Contextual CTAs: "Steal This Scent" (rebel) vs. "Embrace Elegance" (chic).
3. Technical Features
Mobile-First Design: Vertical stack for mobile (rebel-first), swipe gestures to toggle themes.
Animations: GSAP/Lottie for hover effects (e.g., liquid pulsing, glass shattering).
Performance: WebP/AVIF images, lazy loading, Core Web Vitals score >90.
Integrations: Stripe/PayPal payments, inventory alerts, SEO-friendly blog.
Assets Provided
Product Labels: High-res PNG files (e.g., KRYPTO-NIGHT, LOST CHERRY).
Mood Board: Cyberpunk meets Parisian luxury (available upon request).
Content: Product descriptions, SEO keywords, brand story.
Deliverables
Figma/XD Prototypes: Including hover/scroll states.
Developed Site: Responsive, cross-browser compatible, CMS-integrated (Shopify/Headless WordPress).
Testing: A/B testing for CTAs, performance optimization report.
Freelancer Requirements
Portfolio: Showcase previous luxury e-commerce or high-contrast design projects.
Technical Stack: Proficiency in React/Next.js, GSAP, Shopify/WordPress.
Collaboration: Agile workflow, weekly updates, creative problem-solving.
Application Instructions
Submit a Proposal: Include:
Portfolio links (highlight relevant projects).
Technical approach (tools, timeline, budget estimate).
Answer: How would you balance performance with complex animations?
Deadline: Proposals due within 7 days.
Questions? DM for clarifications or creative brainstorming!
PS: Bold ideas encouraged—we want this site to break conventions like our perfumes! ?