Home Page Breakdown
Announcement Bar
Thin top bar promoting free shipping or discounts.
Enhances urgency and drives conversions.
Header
Logo left-aligned, sticky navigation.
Main links: Shop, About, FAQs, Contact.
Cart icon with real-time cart count.
Clean, minimal UX focused on conversion.
Hero Banner
Full-width image with product or brand highlight.
CTA button: leads to featured product or collection.
Strong visual to introduce product focus and tone.
Featured Product Section
Spotlight on a hero product (with “Bestseller” or “Limited Time” badges).
Includes image, description, price, and “Shop Now” button.
Trust-building micro-copy (e.g., 100% natural, safe formula).
Customer Testimonials
Star ratings or brief customer quotes.
Sometimes dynamic or carousel-style.
Adds credibility and social proof.
FAQ
Short answers to common concerns or product claims.
Positioned before footer to reduce hesitation and increase purchase confidence.
Newsletter Signup
Clean, minimal form block.
Incentive-driven (e.g., discount or tips for signup).
Email field + CTA button.
Footer
Multi-column layout:
Navigation (Shop, About, Contact, FAQ)
Policy Links (Impressum, Datenschutz)
Social media icons (if any)
Newsletter box or contact email
Dark or contrast background for visual separation.
Product Detail Page (PDP) Overview
Product Image Gallery
High-resolution main product image, left-aligned on desktop.
Additional images shown in a vertical thumbnail layout.
Clicking thumbnails updates the main image without page reload.
Hover-to-zoom or enlarge-on-click functionality (depending on device).
Compact Variant Presentation
- Instead of the typical dropdown or selector, each variant is displayed as its own block—this lets users choose directly with minimal friction
Trust Messaging & Fulfillment Assurance
- Under the product section, the site highlights fulfillment promises like “Versand in 1 bis 2 Tagen in der ganzen Schweiz!” (Shipping across Switzerland in 1–2 days)
“Pairs Well With” Variant Approach
- Instead of cross-sell product suggestions, the variant blocks themselves act as bundled upsells (Oil only vs. Oil + Creme), simplifying the offer into two clear choices
Trust & Payment Reassurances
- At the bottom of the page (footer or section beneath PDP), there are broader assurances: free shipping over CHF 100, 30-day returns
- Payment method icons (e.g., American Express, Apple Pay, PayPal, Visa, etc.) are also presented in the footer, reinforcing payment flexibility
Contact Us Page – Breakdown
Page Structure
Simple, Minimal Layout
Clean, distraction-free design with a white background and centered content.
Focus is on functionality over visuals.
Contact Form
Fields Included:
Name
Email
Phone Number (optional)
Message box
Design:
All fields are vertically stacked.
Uses Shopify’s native contact form setup.
CTA Button: Clearly labeled — “Senden” (Send).
Trust Signals
Privacy-Oriented Messaging
Subtle privacy note near the form input area for GDPR compliance (implied, not explicitly stated).
Clean URL:
/pages/contact(professional & SEO-friendly)
