Spaces:
Running
Running
Ctrl+K
- 1.52 kB initial commit
- 222 Bytes Create a romantic and playful e-commerce website in german for "perlen_zauber_by_selly" - a handmade pearl jewelry boutique targeting women who appreciate unique, handcrafted pieces with personal stories. BRAND IDENTITY: - Color scheme: Rose gold (#E8B4B8) as primary accent, soft pink (#F7CAC9), champagne gold (#F7E7CE), cream white (#FAF9F6), with subtle pastel accents - Typography: Elegant script font for logo/headings (like "Golden Melody" style), paired with clean serif for body text - Overall style: Romantic, playful, feminine with handcrafted authenticity - Brand motto integration: "Schmuck, der dein Strahlen unterstreicht" and "Jedes Stück erzählt eine Geschichte" LAYOUT STRUCTURE: - Hero section: Full-width lifestyle image carousel showing models wearing pearl jewelry in romantic settings, with floating text overlay featuring the brand motto, CTA button "Entdecke die Kollektion" with soft pink background and rounded corners - Navigation: Clean white header with rose gold logo, horizontal menu (Halsketten | Ringe | Ohrringe | Armbänder | Fußkettchen | Über Selina | Kontakt), sticky navigation with shopping cart icon showing item count - Product display: 3-column grid on desktop, single column on mobile, with soft drop shadows on hover, quick-view functionality, heart icon for wishlist - Footer: Cream background with newsletter signup, Instagram feed integration, payment badges, shipping info, and contact details HOMEPAGE SECTIONS (in order): 1. Hero carousel with 3 rotating lifestyle images 2. "Beliebte Kategorien" - Visual category blocks with rounded corners showing each jewelry type 3. "Bestseller" - Featured products carousel with swipe functionality 4. "Die Geschichte hinter dem Zauber" - Brief about section with Selina's photo and handcraft process preview 5. "Kundenstimmen" - Customer testimonials with star ratings and photos 6. Instagram feed integration showing real customers wearing the jewelry 7. Newsletter signup with soft pink background "Erhalte 10% Rabatt auf deine erste Bestellung" CORE FUNCTIONALITY: - Product catalog with filters: Nach Typ (dropdown), Nach Farbe (pearl color swatches), Preis (slider 20€-200€), Nach Anlass (checkboxes) - Shopping cart: Slide-out sidebar with product thumbnails, quantity selectors, "Weiter einkaufen" and "Zur Kasse" buttons - Product pages: Image gallery with 5+ photos, zoom on hover, 360° view for featured items, size/length selector, "In den Warenkorb" prominent rose gold button - Checkout: 3-step process with progress indicator (Warenkorb → Versand → Zahlung), guest checkout option, multiple payment methods display - Wishlist functionality with heart icons that animate on click - Product search with auto-complete suggestions - Mobile-optimized hamburger menu with smooth animations PRODUCT PAGE FEATURES: - Large image gallery (left side) with thumbnail navigation - Product title in script font - Price display with "Handgefertigt" badge - Detailed description with craft story - "Perlen-Details" expandable section - Size/length guide with visual references - "Pflegehinweise" care instructions - Customer reviews section with photo uploads - "Passend dazu" related products carousel - Sticky "In den Warenkorb" button on mobile scroll TRUST & CONVERSION ELEMENTS: - "Handgefertigt mit Liebe" badges on products - "Kostenloser Versand ab 75€" banner - "30 Tage Rückgaberecht" in header - SSL-Secured checkout badges - Customer photo gallery throughout site - "Limitierte Stückzahl" for exclusive items - Live chat bubble in bottom right (soft pink) - Exit-intent popup with 10% discount code - Estimated delivery date on product pages ROMANTIC/PLAYFUL UI ELEMENTS: - Soft rounded corners (12px) on all buttons and cards - Gentle hover animations (scale 1.05x with rose gold glow) - Heart animations when adding to wishlist (hearts float up and fade) - Delicate floral pattern watermark in background sections - Handwritten-style "Neu" and "Bestseller" badges - Loading animation with rotating pearl icon - Soft box shadows (0-2px blur, 20% opacity) - Micro-interactions on form inputs with encouraging messages - Confetti animation on successful order completion MOBILE-SPECIFIC FEATURES: - Bottom navigation bar with key categories - Swipeable product image galleries - One-thumb checkout process - Sticky "In den Warenkorb" footer button - Collapsible filter menu - Touch-optimized size selectors - Pull-to-refresh on category pages - Progressive web app capabilities - Optimized images with lazy loading SEO & PERFORMANCE: - Clean URL structure (/halsketten/perlen-halskette-rosa) - Alt text for all product images - Meta descriptions emphasizing "handgefertigter Perlenschmuck" - Structured data for products - Fast-loading WebP images - Minified CSS and JavaScript - Browser caching implementation - Mobile-first responsive design SPECIAL SECTIONS: - "Über Selina" page: Full storytelling with workshop photos, creation process video, sustainability commitment - "Pflegehinweise" guide with illustrations - "Größenberater" with visual guides for each jewelry type - "Geschenkservice" with beautiful packaging options - "Kundengalerie" showcasing user-generated content ADDITIONAL FEATURES: - Currency display in EUR with tax included - German language throughout with warm, personal tone - Social media integration (Instagram, Pinterest) - Email capture with abandoned cart recovery setup - Product availability indicators - "Fragen zum Produkt?" contact form on each item - Breadcrumb navigation for easy browsing - Print-friendly gift receipts option. also add subpages for products and a webshop - Initial Deployment
- 41.6 kB Create a romantic and playful e-commerce website in german for "perlen_zauber_by_selly" - a handmade pearl jewelry boutique targeting women who appreciate unique, handcrafted pieces with personal stories. BRAND IDENTITY: - Color scheme: Rose gold (#E8B4B8) as primary accent, soft pink (#F7CAC9), champagne gold (#F7E7CE), cream white (#FAF9F6), with subtle pastel accents - Typography: Elegant script font for logo/headings (like "Golden Melody" style), paired with clean serif for body text - Overall style: Romantic, playful, feminine with handcrafted authenticity - Brand motto integration: "Schmuck, der dein Strahlen unterstreicht" and "Jedes Stück erzählt eine Geschichte" LAYOUT STRUCTURE: - Hero section: Full-width lifestyle image carousel showing models wearing pearl jewelry in romantic settings, with floating text overlay featuring the brand motto, CTA button "Entdecke die Kollektion" with soft pink background and rounded corners - Navigation: Clean white header with rose gold logo, horizontal menu (Halsketten | Ringe | Ohrringe | Armbänder | Fußkettchen | Über Selina | Kontakt), sticky navigation with shopping cart icon showing item count - Product display: 3-column grid on desktop, single column on mobile, with soft drop shadows on hover, quick-view functionality, heart icon for wishlist - Footer: Cream background with newsletter signup, Instagram feed integration, payment badges, shipping info, and contact details HOMEPAGE SECTIONS (in order): 1. Hero carousel with 3 rotating lifestyle images 2. "Beliebte Kategorien" - Visual category blocks with rounded corners showing each jewelry type 3. "Bestseller" - Featured products carousel with swipe functionality 4. "Die Geschichte hinter dem Zauber" - Brief about section with Selina's photo and handcraft process preview 5. "Kundenstimmen" - Customer testimonials with star ratings and photos 6. Instagram feed integration showing real customers wearing the jewelry 7. Newsletter signup with soft pink background "Erhalte 10% Rabatt auf deine erste Bestellung" CORE FUNCTIONALITY: - Product catalog with filters: Nach Typ (dropdown), Nach Farbe (pearl color swatches), Preis (slider 20€-200€), Nach Anlass (checkboxes) - Shopping cart: Slide-out sidebar with product thumbnails, quantity selectors, "Weiter einkaufen" and "Zur Kasse" buttons - Product pages: Image gallery with 5+ photos, zoom on hover, 360° view for featured items, size/length selector, "In den Warenkorb" prominent rose gold button - Checkout: 3-step process with progress indicator (Warenkorb → Versand → Zahlung), guest checkout option, multiple payment methods display - Wishlist functionality with heart icons that animate on click - Product search with auto-complete suggestions - Mobile-optimized hamburger menu with smooth animations PRODUCT PAGE FEATURES: - Large image gallery (left side) with thumbnail navigation - Product title in script font - Price display with "Handgefertigt" badge - Detailed description with craft story - "Perlen-Details" expandable section - Size/length guide with visual references - "Pflegehinweise" care instructions - Customer reviews section with photo uploads - "Passend dazu" related products carousel - Sticky "In den Warenkorb" button on mobile scroll TRUST & CONVERSION ELEMENTS: - "Handgefertigt mit Liebe" badges on products - "Kostenloser Versand ab 75€" banner - "30 Tage Rückgaberecht" in header - SSL-Secured checkout badges - Customer photo gallery throughout site - "Limitierte Stückzahl" for exclusive items - Live chat bubble in bottom right (soft pink) - Exit-intent popup with 10% discount code - Estimated delivery date on product pages ROMANTIC/PLAYFUL UI ELEMENTS: - Soft rounded corners (12px) on all buttons and cards - Gentle hover animations (scale 1.05x with rose gold glow) - Heart animations when adding to wishlist (hearts float up and fade) - Delicate floral pattern watermark in background sections - Handwritten-style "Neu" and "Bestseller" badges - Loading animation with rotating pearl icon - Soft box shadows (0-2px blur, 20% opacity) - Micro-interactions on form inputs with encouraging messages - Confetti animation on successful order completion MOBILE-SPECIFIC FEATURES: - Bottom navigation bar with key categories - Swipeable product image galleries - One-thumb checkout process - Sticky "In den Warenkorb" footer button - Collapsible filter menu - Touch-optimized size selectors - Pull-to-refresh on category pages - Progressive web app capabilities - Optimized images with lazy loading SEO & PERFORMANCE: - Clean URL structure (/halsketten/perlen-halskette-rosa) - Alt text for all product images - Meta descriptions emphasizing "handgefertigter Perlenschmuck" - Structured data for products - Fast-loading WebP images - Minified CSS and JavaScript - Browser caching implementation - Mobile-first responsive design SPECIAL SECTIONS: - "Über Selina" page: Full storytelling with workshop photos, creation process video, sustainability commitment - "Pflegehinweise" guide with illustrations - "Größenberater" with visual guides for each jewelry type - "Geschenkservice" with beautiful packaging options - "Kundengalerie" showcasing user-generated content ADDITIONAL FEATURES: - Currency display in EUR with tax included - German language throughout with warm, personal tone - Social media integration (Instagram, Pinterest) - Email capture with abandoned cart recovery setup - Product availability indicators - "Fragen zum Produkt?" contact form on each item - Breadcrumb navigation for easy browsing - Print-friendly gift receipts option. also add subpages for products and a webshop - Initial Deployment
- 388 Bytes initial commit