Glossier

Auf dem Smartphone rendert als Allererstes ein bildschirmfüllendes Popup — 'Some light beach reading. Enter your email to be the first to know about offers, new product launches like Glossier You Soel, and so much more!' — mit einem E-Mail-Feld und 'Sign up' / 'No thanks'-Buttons. Es überlagert die Value-Leiste 'Free standard shipping on orders $40+', sodass der gesamte Above-the-fold-Bereich eines Smartphones vom Modal verschlungen wird, bevor irgendein Produkt oder Versandanreiz überhaupt lesbar ist.

Lösung: Das ist das mit Abstand größte Mobile-Fold-Leck im Store. Ich würde das E-Mail-Capture bei Exit-Intent oder nach einem Scroll auslösen statt beim Laden, und die Free-Shipping-Leiste über allem fixieren, was das Modal tut — sodass die 40-Dollar-Schwelle das Erste ist, was ein Daumen sieht, und nicht ein Value-Hinweis, der unter einem Interstitial vergraben ist.

Sobald das Popup weg ist, eröffnet die Startseite mit drei quadratischen Kategorie-Kacheln — MAKEUP, FRAGRANCE, SKINCARE — plus einem 'SHOP ALL'-Link und einem 'Shop now'-Button darunter. Auf dem Smartphone bedeuten diese Kacheln, gestapelt auf dem geschlossenen Modal, dass ein Shopper an einem ganzen Viewport voller Navigation vorbeiscrollt, bevor er das erste kaufbare Produkt erreicht (das Boy-Brow-Karussell).

Lösung: Die Kacheln sind gute Orientierung, aber sie schieben das erste 'Add to bag' außer Reichweite. Ich würde einen kaufbaren Bestseller — die Boy-Brow-Karte existiert bereits weiter unten — nach oben ziehen oder zwischen die Kategorie-Kacheln einstreuen, sodass ein kaufbereiter Daumen innerhalb des ersten Scrolls kaufen kann, statt nur zu navigieren.

Ein horizontales Produkt-Karussell zeigt ein 'BEST SELLER'-Badge auf Boy Brow — 'Grooming pomade', '$22', eine Reihe von Farbton-Swatches mit ausgewähltem 'Dark Brown' und einen vollbreiten 'Add to bag'-Button. Die nächste Karte ist zur Hälfte abgeschnitten und zeigt ein 'MIX + MA…'-Badge, was auf einen wischbaren Strip hindeutet — aber es gibt keine Punkte oder Zähler, um das zu bestätigen.

Lösung: Inline-Farbtonauswahl plus ein One-Tap-'Add to bag' direkt aus dem Startseiten-Karussell ist starkes mobiles Merchandising — daran würde ich nicht rühren. Das einzige Risiko ist die Auffindbarkeit: der Blick auf die nächste Karte ist leicht zu übersehen. Ich würde einen Paginierungs-Indikator hinzufügen (Punkte oder 'Karte 1 von 6'), damit Smartphone-Nutzer merken, dass weitere Bestseller nur einen Wisch entfernt warten.

Die Glossier You Soie Buy-Box stapelt sich sauber für ein Smartphone — Titel, 'Eau de parfum', eine 4-Sterne-Bewertung mit '(352)', ein 'NEW'-Badge, '50 ml / 8 ml'-Varianten-Kacheln, ein 'One-time purchase' vs. 'Subscribe and save 10%'-Radio mit einem 'Details'-Link, dann ein vollbreiter 'Add to bag $82'-Button mit dem Preis direkt an der rechten Kante und 'or 4 interest-free payments of $20.50 with Afterpay' darunter. Die Struktur ist exzellent — aber der ATC rendert hellgrau, sodass auf einem hellen Smartphone-Screen die Hauptaktion das visuell am wenigsten dominante Element der ganzen Box ist.

Lösung: Ich würde den ATC auf eine kontrastreiche Markenfarbe anheben und ihn beim Scrollen fixieren, denn diese PDP ist extrem lang. Der 'Subscribe and save 10%'-Toggle ist außerdem ein nackter Prozentsatz — ich würde einen einzeiligen Value-Rahmen daneben setzen ('versendet alle 60 Tage, jederzeit aussetzbar'), damit das Abo über Emotion konvertiert, nicht nur über die Rechnung. Validiere jeden Abo-Rabatt gegen deine Margen, bevor du die 10% dauerhaft festlegst.

Der Beschreibungsblock — 'You smell like vacation… Show More', '8 ml, 50 ml', 'Cruelty-free, vegan.' — sitzt zwischen der Buy-Box und den umsatzbringenden Modulen. Der 'ADD ON'-Bump und der 'SAVE WITH SETS'-Bundle-Stack erscheinen erst nach diesem Text, tief auf einer Seite, die außerdem Duftnoten, einen 352-Bewertungen-Abschnitt und ein 'YOU MAY ALSO LIKE'-Karussell trägt. Auf dem Smartphone landen Add-on und Bundles also mehrere Daumenwische unter dem 'Add to bag'-Button.

Lösung: Bis ein mobiler Shopper so weit scrollt, hat er meist schon 'Add to bag' getippt oder ist abgesprungen, sodass die AOV-Module nach der Entscheidung feuern statt währenddessen. Ich würde eine kondensierte Version des 'ADD ON'-Bumps und des Top-Sets (Fragrance Trio, SAVE 21%) direkt unter dem ATC einblenden, vor dem Langtext — sodass das Upsell Teil der Kaufentscheidung wird statt ein Post-Scroll-Nachgedanke. Das ist Sequencing-Arbeit, kein Redesign; die Komponenten sind bereits gut.

Unter der Beschreibung zeigt ein 'ADD ON'-Modul ein einziges Produkt — 'Glossier You' — als Thumbnail-Reihe mit einem '+'-Steuerelement rechts, ein One-Tap-Bump, der den begleitenden Duft hinzufügt, ohne die PDP zu verlassen. Er erfüllt seinen Zweck, aber er ist eine Sackgasse: er bietet genau einen Artikel an, und der Live-Warenkorb spiegelt ihn nie als Cross-Sell, sobald die Schublade aufgeht.

Lösung: Ich würde den Bump dynamisch machen — zwei oder drei Companions mit hoher Attach-Rate wie die 8-ml-Reisegröße oder Futuredew, das bereits in 'You may also like' für $30 auftaucht — und, wichtiger noch, das gleiche Add-on innerhalb der Warenkorb-Schublade spiegeln. Ein Shopper, der es auf der PDP übersprungen hat, bekommt dann einen zweiten Versuch genau in dem Moment, in dem er seine Tasche öffnet.

Ein 'SAVE WITH SETS'-Abschnitt listet drei aufklappbare Bundles, jedes mit einem Thumbnail, einem '+'-Steuerelement und einem Ersparnis-Chip — 'Fragrance Trio SAVE 21%', 'Vacation Essentials SAVE 16%' und 'Fragrance Duo SAVE 15%'. Jede Zeile wird standardmäßig eingeklappt ausgeliefert, sodass der Bundle-Inhalt verborgen bleibt, bis man tippt, und der ganze Block sitzt weit unten auf der PDP.

Lösung: Das ist echtes, gut gebautes Bundle-Merchandising mit quantifizierten Ersparnissen — es versteckt sich nur dort, wo mobile Shopper nie hinkommen. Ich würde zumindest das Set mit der höchsten Ersparnis (Fragrance Trio, SAVE 21%) nach oben in die Nähe des ATC ziehen, vorab aufgeklappt, mit einem 'kauf stattdessen dieses Set'-Rahmen, sodass das Bundle als Upgrade zum einzelnen 50 ml gelesen wird statt als unzusammenhängender Extra weiter unten.

Die headless 'BAG'-Schublade trägt eine Free-Shipping-Fortschrittsleiste, die für einen Warenkorb unter der Schwelle '€70 away from free standard shipping' anzeigt. Es gibt sonst nichts in der Schublade, das hilft, diese 70 € zu schließen — keine empfohlenen Produkte, kein Add-on, nichts. Die Fortschrittsleiste ist der einzige AOV-Hinweis, und sie zeigt auf eine Lücke, die der Shopper die Schublade verlassen muss, um sie zu füllen.

Lösung: Einem Smartphone-Käufer zu sagen, dass ihm 70 € fehlen, und ihm dann nichts zum Hinzufügen zu zeigen, ist die teuerste Lücke im ganzen Funnel — die Schwelle erzeugt Intent und die Schublade tötet ihn. Ich würde zwei oder drei In-Drawer-Empfehlungen einbringen, dimensioniert, um die Lücke zu schließen: das gleiche 'Glossier You'-Add-on und die 8-ml-Reisegröße, die bereits auf der PDP merchandised werden, sodass der Warenkorb dem Shopper aktiv hilft, sich zu qualifizieren, statt ihn wieder hinauszuschicken, um nach Füllmaterial zu suchen.

Der Leerer-Warenkorb-Zustand liest sich 'Your bag is empty, but you still look good.' mit einem Smiley und einem einzelnen 'Shop all'-Link. Es erscheinen überhaupt keine empfohlenen oder meistverkauften Produkte in der leeren Schublade.

Lösung: Schöne Markenstimme, Conversion-Sackgasse — 'Shop all' wirft den Shopper einfach in den gesamten Katalog. Ich würde die leere Schublade mit zwei oder drei Bestsellern bestücken (Boy Brow $22 ist der Startseiten-Held, Futuredew $30), sodass die erste Aktion aus einer leeren Tasche das Hinzufügen eines bekannten Gewinners ist, nicht das Stöbern von Grund auf.