MALA & MAD — Startseiten-Konzept

Warum welche Sektion, wo sie sitzt, und was wir veredeln. Basis: der echte Live-Stand des Shops (Theme „Prestige" v11.2.0, ausgelesen am 27.07.) — abgeglichen mit dem Conversion-Muster von panelretter.de und Mobile-First-Fashion-Best-Practices.

Design-Tokens aus dem Theme: Headlines „Instrument Sans" · Fließtext „Nunito" · Palette Schwarz (#1C1C1C) / Weiß / Hellgrau (#EFEFEF) · Buttons: schwarz, eckig, VERSALIEN mit 0.18em Sperrung.
Navigation: Startseite · Shop · Frühling/Sommer · Herbst/Winter · Über uns · Projekte · Künstler · Kontakt
Gut — behalten Veredeln — Inhalt/Position anpassen Neu — kleine Ergänzung
Reihenfolge (empfohlen — Änderungen gegenüber Ist markiert)
0

Announcement-Bar

Neu
Warum
Charity-USP + Versandschwelle ab dem ersten Pixel — das stärkste Differenzierungsmerkmal der Marke gehört über den Header (Panelretter-Muster: Angebot ganz oben).
Was
„Jeder Schal unterstützt Kinderprojekte · Kostenloser Versand ab 100 €" — Prestige: Announcement-Bar, nur Text eintragen
1

Header + Warenkorb-Drawer

Behalten
Ist
Sauber konfiguriert, deutsche Navigation, Cart-Drawer aktiv.
Veredeln
Nichts nötig. Newsletter-Popup (aktuell aktiv) hat noch englische Default-Texte („Signup for our newsletter") → entweder deutsch mit 10%-Incentive konfigurieren oder bis zum Launch deaktivieren — halbfertig wirkt unprofessionell.
2

Slideshow (Hero)

Veredeln
Ist
2 Slides: „Unsere Schals / Fashion meets Art and Charity / Zum Shop" + „Where Street Art meets High fashion & Charity / To the Collection".
Warum
Hero entscheidet in ~3 Sekunden. Menschen + klare Botschaft + 1 CTA konvertieren besser als 2 konkurrierende Slides mit gemischten Sprachen.
Veredeln
Model-Fotos statt Motiv-only (liegen in Highres vor: Zebra, Where is the love, No Limits). Sprache konsistent: DE-Shop → „Zur Kollektion". CTA-Ziel: direkt auf die Kollektion. Prestige: Slideshow — nur Bilder/Texte tauschen
3

Trust-Zeile (Text-with-Icons) — nach oben verschieben

Position
Ist
Existiert bereits — aber ganz unten überm Footer, mit Platzhalter „Kurzer Inhalt über Ihr Geschäft" und generischem „Kostenloser weltweiter Versand".
Warum
Trust wirkt beim ersten Scroll, nicht beim letzten. Panelretter zeigt Bewertungen/Service direkt unterm Hero.
Was
Direkt unter den Hero: „Fair produziert in Indien & Nepal · Kostenlose Retoure · Limitierte Editionen · Sichere Zahlung". Prestige: Sektion existiert — nur verschieben + Texte füllen
4

Featured Collections (Produkte) — nach oben verschieben

Position
Ist
Gut konfiguriert: Tabs „Frühling/Sommer | Herbst/Winter", echte Preise (129–149 €), Quick-Add „In den Warenkorb". Aber erst an Position 5 — nach drei Text-/Video-Sektionen.
Warum
Mobile-First-Regel: Produkte in den ersten 2 Scrolls. Wer über den Hero hinauswischt, will kaufen — Story kommt danach. Panelretter zeigt Produkte direkt nach dem Hero.
Veredeln
Position 4 statt 5. Badges „Limited · Künstlername" auf Special Editions (kleines Snippet). „Ausverkauft"-Badge für Tribe statt ausblenden. Prestige: Featured-Collections — verschieben, Badges ergänzen
5

Image-with-Text-Overlay (Charity-Botschaft)

Behalten
Ist
„Wenn du mich trägst, unterstützt du Kinder in Not." + „Unsere Botschaft ist Liebe." — starker, markeneigener Text.
Warum
Emotionaler Anker direkt nach den Produkten: erst Ware zeigen, dann den Sinn dahinter — die Kombination treibt die Kaufentscheidung.
Veredeln
Nur Bild prüfen (Highres-Modelfoto einsetzen). Optional CTA „Unsere Projekte". Prestige: unverändert
6

Video („Wie alles begann")

Veredeln
Ist
Video-Sektion vorhanden (Position 4, vor den Produkten).
Warum
Video bindet, aber es bremst den Kaufpfad, wenn es VOR den Produkten liegt — nach der Charity-Botschaft vertieft es die Story genau richtig.
Veredeln
Hinter die Charity-Sektion schieben. Qualität: aktuell nur 720p — Rohdaten-Frage an Susanne, sonst KI-Upscale auf 1080p. Prestige: Video-Sektion — nur verschieben
7

Rich-Text (Markenclaim)

Straffen
Ist
„Your expression of creativity…" + zwei CTAs (Unsere Produkte / Über uns).
Veredeln
Mit Sektion 5 thematisch redundant — kürzen auf einen Satz oder mit der Quote „Our message is LOVE" zusammenlegen. Weniger Textblöcke = mehr Scroll-Tiefe. Prestige: Rich-Text
8

Media-Grid (Über uns · Künstler · Projekte)

Behalten
Warum
Verteilt Traffic in die drei Story-Welten der Marke — gut fürs Stöbern, gut für SEO-Verlinkung.
Veredeln
Künstler-Kachel mit Live-Painting-Foto (Julian Vogel, liegt in Highres vor) — Action-Bilder klicken besser als Stillleben. Prestige: Media-Grid
9

Testimonials

Behalten
Ist
3 Bewertungen bereits im Theme (Nina/Berlin, Sven/Frankfurt, „Mit Liebe zum Detail") — ⭐⭐⭐⭐⭐.
Warum
Social Proof vor dem Kauf-Abschluss; direkt vor Logo-Liste und Newsletter ideal platziert.
Veredeln
Quelle der Zitate mit Madeline klären (Laden-Kundinnen? Google?) — für die Startseite reichen freigegebene Zitate; Produkt-Reviews später via App (Judge.me). Prestige: Testimonials — unverändert
10

Logo-Liste („Bekannt aus Fashion & Life Style")

Behalten
Warum
Presse-Heritage (Vogue, Glamour, InStyle …) ist für eine Relaunch-Marke Gold — belegt, dass es die Marke „wirklich gab".
Was
Logos aus der alten Website einheitlich in Graustufen. Prestige: Logo-List — unverändert
11

Timeline („Wo alles begann" / Startschuss 2013)

Behalten
Ist
Ausführliche Story-Timeline — inhaltlich deckungsgleich mit dem Exposé („Neu 2026").
Warum
Wer bis hier scrollt, will die ganze Geschichte — Timeline ist das richtige Format dafür, unten ist der richtige Platz.
Veredeln
Mit Fotos anreichern (Nepal/AEG-Shooting-Bilder aus dem Archiv). Prestige: Timeline
12

FAQ

Neu
Warum
Fashion-Best-Practice: Retoure/Material/Pflege-Antworten nah an der Kaufentscheidung senken Abbrüche und Support-Mails. Panelretter setzt stark auf FAQ.
Was
4–6 Fragen: Spende pro Schal · Material · Retoure (nach Rechtstext-Entscheidung) · Pflege · Lieferzeit. Prestige: Collapsible-Content — vorhanden, nur befüllen
13

Newsletter + Footer

Veredeln
Ist
Newsletter-Sektion + Footer mit Impressum (LU Conceptstore, Lauf a.d. Pegnitz) stehen.
Veredeln
Newsletter mit Incentive („10 % zum Launch") statt generischem „Halte mich auf dem Laufenden" — Incentives verdoppeln typisch die Signup-Rate. Doppelten Newsletter-Block im Footer entschärfen (einer reicht). Prestige: Newsletter/Footer — nur Texte
Zusammenfassung
Alles bleibt Prestige-Standard — kein Section-Neubau. Konkret nur: 2 Sektionen verschieben (Trust hoch, Produkte vor Video), 1 Sektion ergänzen (FAQ, vorhandener Sektionstyp), Announcement-Bar aktivieren, Badges-Snippet (~20 Zeilen), Texte/Platzhalter fixen (Popup EN→DE, Trust-Platzhalter, Sprach-Mix im Hero).
Sichtbar als Klick-Dummy: mala-mad-shop-preview.html — gebaut mit den echten Design-Tokens (Instrument Sans/Nunito, Schwarz/Weiß/Grau, eckige Versalien-Buttons) und den echten Shop-Texten.