IBONEA
ChatGPT said:
Ibonea is a modern Shopify-based beauty and wellness brand specializing in premium skincare and haircare devices. Their sleek and informative site highlights high-end products like LED masks, IPL hair removers, scalp massagers, and hair stylers, backed by clean design and compelling trust-building messaging.
Home Page Breakdown
Hero & Tagline
Large banner headline: “Erlebe die Revolution Deiner Beauty‑Routine!” (Experience the revolution of your beauty routine!)
Subheading: “Strahlende Haut in nur 10 Minuten täglich!” (Radiant skin in just 10 minutes daily!)
Accompanied by a prominent “Mehr Erfahren” (Learn More) call-to-action button.
Bestsellers Showcase
A clean, scrollable section titled “Beliebte Bestseller” (Popular Bestsellers).
Features multiple product cards, each including the product name, star rating, price (including discounted visuals), and “On sale” or “Sold out” status.
Featured Hero Product
Highlighted product (e.g., “Clinically Proven Light Therapy”) with:
Star rating, dynamic pricing (discounted price displayed first), savings info (“Du sparst 43%”).
CTAs: “Add to cart” and “View product details”.
Customer Testimonials
Direct quotes from real users, including their names and locations (e.g., “Laura K. aus Düsseldorf”).
Positioned just below product features to build trust and authenticity.
Newsletter Signup
Dedicated section urging users to “Abonniere unseren Newsletter” (Subscribe to our newsletter) to get 10% off their first order.
Includes simple email input field and “Subscribe” CTA.
Footer
Multi-column layout featuring:
Payment method icons (e.g., American Express, Apple Pay, Visa).
Legal links, although not fully visible in the image snippet—but implied by typical placement near branding.
Product Detail Page (PDP) Overview
Product Image Gallery
High-quality main product image—likely accompanied by additional views or angles (e.g., close-up shots of device textures and controls).
Thumbnail selectors or alternate view navigation, if supported, for enhanced user engagement.
Product Title, Pricing & Availability
Prominent placement of the product name (e.g., “LED-Gesichtsmaske”, “IPL-Haarentferner”).
Price display, possibly with a discounted price shown if there’s a promotion.
Stock or availability status, reflecting product availability clearly.
Product Options & Interactions
Variant or configuration selectors (e.g., color options, power levels, set bundles) likely present.
Quantity selector with plus/minus controls for easy adjustment.
Primary call-to-action (CTA): “In den Warenkorb” (Add to Cart).
Possibly a secondary CTA like “Jetzt kaufen” (Buy Now or Quick Checkout).
Trust Builders & Promotional Messaging
Trust cues: 100-day money-back guarantee, free shipping offer, “versand innerhalb 1–2 Tage” messaging somewhere near CTA to reassure buyers.
Customer reviews or star ratings may appear near the top to build social proof.
Product Details & Description
Detailed description, possibly in sections, including:
Key features (e.g., LED wavelengths, IPL pulse system, cordless design).
Technical specs (battery life, dimensions, materials).
Usage instructions or safety notes.
FAQs / Additional Info
A likely FAQ accordion or section addressing:
How to use the device.
Maintenance instructions.
Warranty and support process.
Collection Page Breakdown
Collection Header & Intro Section
Page Title displayed clearly at the top (e.g., “Gesichtspflege”, “Haarentfernung”).
Optional short intro/description text summarizing the category focus — often includes keywords like skincare, anti-aging, or permanent hair removal.
Clean and minimal section spacing to draw attention to products.
Sorting & Filtering Tools
Sorting dropdown (e.g., “Sortieren nach”): Options such as:
Best-selling
Alphabetically (A–Z / Z–A)
Price (low to high / high to low)
No visible sidebar filter on desktop (filtering might be app-integrated or appear on mobile view instead).
This keeps the layout sleek, but reduces discoverability for varied product filtering.
Product Grid Layout
Responsive 2 to 3-column grid layout depending on screen size.
Each product card includes:
High-quality product image (clean white background, close-up of device)
Product name (center-aligned, short & bold)
Price — with discounted strikethrough if applicable
Quick “Add to Cart” icon on hover in some cases (Ajax cart drawer)
Some products labeled with “Bestseller” badge for promotion
User Interaction & UX Features
Hover effect on product images (usually switches to alternate view or close-up).
Sticky header remains during scroll for easy navigation.
Clicking on a product leads to a clean PDP with detailed specs.
