Alle Teardowns

supplements · Teardown

AG1

Ich habe AG1 auf dem Smartphone zerlegt, wo über 90 % des Traffics landet — und die Seite, die das gesamte Verkaufen übernimmt, versteckt ihr bestes Asset. Das €87→€67-Erstbestell-Paket sitzt ein Viertel des Wegs in einem 16.000px langen Scroll, hinter einem Karussell, das nichts in den Warenkorb legen kann, ohne klebenden Kaufbutton, der die Kaufabsicht zurückbringt.

Erstellt mitHeadless / custom storefront (not standard Shopify theme)Subscription billing engineSlide-out cart drawerTrustpilot review widgetContent carousels / sliders

AG1s Startseite ist auf dem Smartphone die Kauffläche — es gibt keine echte Produktseite, und ein Smartphone ist der einzige Bildschirm, auf dem die meisten Besucher sie je sehen. Also hängt alles an einem langen Daumen-Scroll. Das Handwerk ist wirklich gut: ein gestapeltes Erstbestell-Angebot, ernsthafter Beweis, ein sauberes Abo. Das Problem ist die Platzierung. Der Deal ist unter einem dekorativen Karussell vergraben, der einzige Kaufbutton folgt einem nie die Seite hinunter, und der echte Verlängerungspreis lebt im rechtlichen Kleingedruckten der Fußzeile. Hier ist der Gang durchs Smartphone, Bildschirm für Bildschirm.

Startseite

01 · CROHero — das Angebot versteckt sich hinter einem Wisch-Karussell
AG1 mobiler Hero — Logo, Warenkorb, Hamburger und ein formatfüllendes Karussellbild mit Chevrons, kein Preis und kein Kaufbutton
HOCH

Above the Fold sieht der Daumen auf dem Smartphone nur das grüne AG1-Logo, ein Warenkorb-Symbol, einen Hamburger und einen formatfüllenden Bild-Hero mit Links/Rechts-Chevrons — ein Wisch-Karussell. Es gibt keinen Add-to-Cart, keinen Preis, kein „Try AG1 Now" auf Bildschirm eins. Die €87→€67 „Get started with AG1 today"-Box erscheint erst etwa ein Viertel des Wegs in einer ~16.000px langen Seite.

Lösung: Das ist die einzige Kauffläche, die ein Smartphone-Nutzer bekommt, und das einzige stärkste Asset ist unter Tausenden Pixeln dekorativen Sliders geparkt. Ich würde eine verdichtete Angebotszusammenfassung und den echten Preis direkt in den Hero setzen, in Daumenreichweite, damit ein Erstbesucher weiß, dass der Deal existiert, bevor er überhaupt durch ein Karussell wischt, das ohnehin nichts in den Warenkorb legen kann.

AG1 klebende Ankündigungsleiste — „LIMITED TIME SALE. NOW €67 (WAS €87) ON YOUR FIRST ORDER + FREE SHIPPING"
MITTEL

Die klebende obere Leiste liest „LIMITED TIME SALE. NOW €67 (WAS €87) ON YOUR FIRST ORDER + FREE SHIPPING" — aber es ist ein dauerhaftes Banner ohne Countdown und ohne Knappheits-Stückzahl, und der identische Wortlaut sitzt above the Fold auf jedem Bildschirm.

Lösung: Ein dauerhaftes „limited time" auf der prominentesten mobilen Leiste trainiert Wiederholungsbesucher, es auszublenden. Ich würde entweder einen echten, zurücksetzenden Timer anhängen oder die Leiste um den konkreten gestapelten Wert herum umformulieren — „First order: free Welcome Kit + D3K2 + Travel Packs, €20 off" — damit die Dringlichkeitsbehauptung auf einem kleinen Bildschirm glaubwürdig bleibt.

02 · CROAngebotsbox — keine Menge, keine Laufzeit, kein klebender ATC
AG1 mobile Angebotsbox — gestapelte Welcome Kit, D3+K2 und Travel Packs auf €0, Total €87→€67, ein „Try AG1 Now"-Button
SubscriptionsHOCH

Die „Get started with AG1 today"-Box listet „AG1 Pouch (30 servings) €87 / 2,90 €/serving", stapelt dann Welcome Kit €28→€0, Vitamin D3+K2 €24→€0, 5 Travel Packs €17→€0, €20 OFF -€20, Total €87→€67, unter einem „Try AG1 Now →"-Button. Auf dem Smartphone gibt es keinen Mengenwähler, keinen Einmalkauf-vs-Abo-Schalter, keine längerfristige Option — der einzige Weg ist ein Beutel im Abo.

Lösung: Die einzelne Kaufbox gibt einem kaufbereiten Smartphone-Käufer keine Möglichkeit, sich stärker festzulegen. Ich würde eine explizite Subscribe-and-Save-vs-Einmalkauf-Auswahl plus eine Mengen- oder Vorauszahl-Laufzeit-Option hinzufügen, damit ein Kunde, der mehr will, es an Ort und Stelle antippen kann, statt auf einen Beutel auf einem Bildschirm begrenzt zu sein.

AG1 „Try AG1 Now"-Button innerhalb der Angebotsbox, der einzige Kauf-CTA der Seite
Cart goals & reward laddersMITTEL

„Try AG1 Now →" ist der einzige Kaufbutton der Seite und lebt ein Stück die Seite hinunter innerhalb der Angebotsbox. Nichts Klebendes folgt dem Daumen — um vom Testimonial-Karussell, der Experten-Reihe, UGC oder den FAQ-Bändern weiter unten zu handeln, muss ein Smartphone-Besucher ganz hoch zu diesem einen Button scrollen.

Lösung: Auf einer so langen Kauffläche wird die Kaufabsicht vom Lower-Funnel-Beweis erfasst und dann von der Aktion abgeschnitten. Ich würde eine klebende mobile Add-to-Order-Leiste hinzufügen, die „AG1 first order €67 · Try AG1 Now" zeigt, sobald die Angebotsbox aus dem Blickfeld scrollt, sodass das Tipp-Ziel über den ganzen Scroll hinweg in Daumenreichweite bleibt.

03 · BaselineWiederkehrender Preis — versteckt im KleingedrucktenDas Baseline Framework
AG1 Beruhigungsreihe unter dem CTA — Gratisversand, flexibles Abo, 30-Tage-Garantie, mit der Fußnote „first month"
SubscriptionsHOCH

Unter „Try AG1 Now →" ist die einzige Beruhigung drei Punkte — „✓ Free delivery** · ✓ Flexible subscription · ✓ 30 days money-back guarantee". Die Box zeigt „€67" und eine mit Fußnote versehene „first month**"-Zeile; der tatsächliche €87/Monat-Verlängerungspreis lebt nur im rechtlichen Kleingedruckten der Fußzeile, weit unter der Falz und weg von der Entscheidung.

Lösung: Den Verlängerungspreis auf dem Smartphone in eine Fußnote zu vergraben — wo die Fußzeile einen langen Scroll entfernt ist — erzeugt eine Vertrauenslücke und Abwanderung nach der Erstbestellung. Ich würde eine in Klartext gehaltene Zusammenfassung direkt unter den Button setzen — „€67 erster Monat, dann €87/Monat, jederzeit überspringen oder kündigen" — damit die Verpflichtung im Moment des Tipps klar ist, nicht erst nach dem Abschluss entdeckt wird.

AG1 „Flexible subscription"-Microcopy — zwei Wörter ohne ausformulierte Skip/Pausier/Kündigungs-Details
SubscriptionsMITTEL

„Flexible subscription" erscheint als zwei Wörter in der Microcopy-Reihe, wird aber nirgendwo auf der mobilen Kauffläche in die tatsächliche Skip- / Pausier- / Kündigungs-Mechanik ausgeführt; die Sternchen verweisen auf das Kleingedruckte, statt es inline auszuformulieren.

Lösung: Flexibilität ist der größte Einwand gegen eine €87/Monat-Verpflichtung, und gerade jetzt sind es zwei vage Wörter auf einem kleinen Bildschirm. Ich würde es inline neben dem CTA ausformulieren — „Pausieren, eine Lieferung überspringen oder mit einem Tipp kündigen — keine Gebühren" — damit das Versprechen am Entscheidungspunkt in Daumenreichweite glaubwürdig ist.

04 · UpsellrAttach-bereite SKUs, die nur verschenkt werdenUpsellr
AG1 Angebotsbox-Detail — D3+K2 und Travel Packs als gratis Erstbestell-Beigaben gezeigt, nie als bezahlte Add-ons
Post-purchase upsellHOCH

Die mobile Angebotsbox verschenkt Vitamin D3+K2 (im Wert von €24) und 5 Travel Packs (im Wert von €17) gratis innerhalb der Erstbestellung und beweist, dass diese komplementären SKUs existieren und attach-bereit sind. Aber sie erscheinen nur als Gratisbeigaben — es gibt keinen Punkt im Funnel, an dem man eine zusätzliche D3+K2-Flasche, mehr Travel Packs oder einen zweiten Beutel als bezahlten Artikel hinzufügen kann, und der Warenkorb zeigt keinen davon.

Lösung: AG1 fertigt bereits attach-bereite SKUs und nutzt sie nur als Geschenke. Ich würde sie als bezahlte Order-Bumps beim Kauf und als One-Click-Post-Purchase-Upsell auf dem Bestätigungsschritt anbieten — keine Checkout-Bearbeitung nötig — damit dieselben Produkte, die das Bundle rechtfertigen, auch den AOV heben. Validiere jeden Bump-Rabatt gegen die Marge, bevor er dauerhaft wird.

05 · CROBeweis — stark, aber vom Kauf abgekoppelt
AG1 „15 years of research in every scoop"-Beweisband mit Microbiome- / Nutrient- / Bioavailability-Tabs
MITTEL

Der Beweis ist über separate mobile Bänder verteilt — „15 years of research in every scoop" mit Microbiome- / Nutrient-levels- / Bioavailability-Tabs, ein „Recommended by athletes, experts and high-performers"-Testimonial-Karussell (Hugh-Jackman-Zitat), „AG1 is trusted by experts" (Dr. Victoria Nicholas, Georg Abel PhD) und „Built on research, lived by real people"-UGC (Florian). Nichts davon sitzt neben der Angebotsbox oder dem „Try AG1 Now"-Button.

Lösung: Es gibt eine Menge glaubwürdigen Beweis, der auf dem Smartphone nichts für die Entscheidung tut, wo jedes Band ein separater Scroll ist. Ich würde eine prägnante aggregierte Bewertung plus Bewertungsanzahl hoch neben „Try AG1 Now →" ziehen und eine Experten- oder Prominenten-Zeile neben den Preis setzen, damit der Beweis den Tipp aktiv unterstützt, statt in fernen Scroll-Bändern zu leben.

NIEDRIG

Die Zertifizierungs-Badges sitzen als hohe vertikale Spalte direkt unter der Angebotsbox — „PRODUCT OF / Commitment to a Clean Sport" (Cologne List), „INFORMED SPORT — WE TEST · YOU TRUST", „Men's Health LAB APPROVED 2025", „INDY/BEST BUY INDEPENDENT" — jedes eines pro Zeile gestapelt, kontrastarm, was echte Scroll-Länge hinzufügt, ohne den Preis zu verstärken.

Lösung: Starke Empfehlungen, verdünnt in einen langen, blassen Badge-Stapel, der alles andere weiter das Smartphone hinunter drückt. Ich würde sie zu einem einzigen kompakten Trust-Streifen nahe dem CTA konsolidieren, damit der quantifizierte Beweis den Kauf verstärkt, statt sich als hohe dekorative Spalte unter der Box zu lesen.

06 · BaselineTrust- und Empfehlungs-Assets — gebaut, aber inaktivDas Baseline Framework
AG1 mobile Fußzeile — Newsletter-Erfassung, SHOP/LEARN MORE-Accordions, die Refer Friends und Reviews freilegen, Trustpilot-Widget
MITTEL

Die mobile Fußzeile kollabiert in „CONNECT / Join Our Newsletter" mit einem E-Mail-Feld, plus Accordion-Spalten „SHOP" und „LEARN MORE" (die „Refer Friends" und „AG1 Reviews" freilegen) und ein Trustpilot-„Great"-Widget. Keines davon erscheint auf der Kauffläche, im leeren Warenkorb oder nahe der Angebotsbox — sie leben ganz unten auf der ~16.000px langen Seite.

Lösung: AG1 hat ein Empfehlungsprogramm, einen Bewertungs-Hub und eine Newsletter-Erfassung bereits gebaut, und auf dem Smartphone feuert keines davon in einem Moment des Schwungs. Ich würde „Refer Friends" als Post-Purchase- oder Account-Hook bewerben, zufriedene Käufer ins Bewertungsmodul leiten und die Newsletter-Erfassung früher an die Oberfläche holen — und so vergrabene Fußzeilen-Accordion-Links in eine messbare Akquise- und Beweis-Schleife verwandeln.

Produktseite

07 · CROKeine echte PDP — Entdeckung und Kauf kollabieren auf die Startseite
AG1 mobile PDP — identisch mit der Startseite, gleiche Ankündigungsleiste, Nav und Karussell-Hero
MITTEL

Die erfasste mobile PDP ist byte-identisch mit der Startseite — gleiche Ankündigungsleiste, gleiche Nav, gleicher Karussell-Hero, gleiche Angebotsbox. Es gibt keine separate Produktseite; das Produktdetail ist in einen „View Supplement Facts"-Link und die Microbiome- / Nutrient-levels- / Bioavailability-Content-Tabs weiter oben aufgeteilt.

Lösung: Die PDP in die Startseite zu kollabieren lässt einen kaufbereiten Smartphone-Käufer — denjenigen, der Zutaten, Dosierung und Bewertungen vor einer €87/Monat-Verpflichtung prüfen will — ohne konsolidierten Entscheidungsbildschirm zurück. Ich würde eine echte Produktseite bauen, die das Angebot, die vollständigen Supplement Facts, das aggregierte Bewertungsmodul und die FAQ zusammenführt, damit Erwägung und Konversion in einem mobilen Scroll passieren.

AG1 „Questions? We've got answers"-FAQ-Accordion tief auf der mobilen Seite, kein CTA in der Nähe
NIEDRIG

Der FAQ-Block „Questions? We've got answers" sitzt weit unten auf der mobilen Seite — eingeklappte Accordion-Zeilen „What is AG1?", „Which ingredients are in AG1?", „How do I know if AG1 is right for me?", „What products does AG1 replace?", „How does AG1 taste?" — nach all den Beweis-Bändern, ohne CTA irgendwo in der Nähe.

Lösung: Die FAQ beantwortet genau die Einwände, die den Kauf blockieren — Geschmack, Passung, was es ersetzt — aber auf dem Smartphone gibt es keinen Kaufbutton in ihrer Reichweite. Ich würde die einwandstärksten Antworten nahe der Angebotsbox an die Oberfläche holen und einen CTA direkt unter der FAQ wiederholen, damit ein aufgelöster Einwand an Ort und Stelle konvertieren kann, statt einen langen Scroll zurück nach oben zu erzwingen.

Warenkorb

08 · UpsellrWarenkorb-Drawer — eine leere Cross-Sell-Fläche auf dem SmartphoneUpsellr
AG1 leerer Your-Cart-Drawer — ein Warenkorb-Icon, 'Add items to your cart' und ein einzelner Start-Shopping-Button, ohne Produktempfehlungen oder Angebots-Zusammenfassung
Cross-sellsHOCH

AG1 ist headless ohne Standard-Shopify-Warenkorb; das Antippen des Warenkorb-Symbols schiebt einen „Your Cart"-Drawer heraus. Sein Leerzustand zeigt nur ein Warenkorb-Symbol, „Add items to your cart", die Zeile „Browse our products and add items to start your order" und einen „Start Shopping"-Button — null Produktempfehlungen, keine Zusammenfassung des €67-Pakets, keine Angebotserinnerung.

Lösung: Dieser formatfüllende mobile Drawer ist ein Panel mit hoher Aufmerksamkeit, das nichts tut. Selbst bei einem Ein-Produkt-Funnel würde ich den Leerzustand mit der Erstbestell-Bundle-Zusammenfassung und einem relevanten Vorschlag füllen — eine zusätzliche D3+K2-Flasche, mehr Travel Packs — damit ein Daumen, der den Warenkorb aus Absicht geöffnet hat, einen Grund zum Weitermachen bekommt statt eines „Start Shopping"-Resets.

Free-shipping thresholdMITTEL

Trotz des seitenweiten „+ FREE SHIPPING"-Versprechens in der Ankündigungsleiste trägt der mobile Warenkorb-Drawer keinen Gratisversand-Fortschrittsbalken und keinen Zielhinweis; sobald das Angebot drin ist, hält der Drawer ein festes Bundle ohne beobachtetes In-Cart-Add-on, Upgrade oder Cross-Sell.

Lösung: Das Angebots-Paket beweist, dass AG1 merchandisen kann, aber der Live-Mobil-Warenkorb kommt nie dazu. Ich würde ein einzelnes In-Drawer-Add-on hinzufügen, sobald das Angebot drin ist — ein bezahltes Extra-D3+K2 oder ein Travel-Pack-Mehrfachpack, als Mehrwert gerahmt — plus einen einfachen Zielhinweis, damit der Warenkorb eine Einheit verdient, statt statisch dazusitzen. Validiere jeden Add-on-Rabatt gegen deine Margen — ein % Nachlass senkt den Nettoumsatz auf dieser SKU; teste die Take-Rate, bevor du ihn dauerhaft machst.

Ansichten

Mobile
Startseite page — mobile

Was ich beheben würde

Das Baseline Framework
  1. 1Hol die Abo-Bedingungen und die Flexibilitäts-Mechanik aus der Fußnote und setze sie direkt unter „Try AG1 Now" aufs Smartphone — „€67 erster Monat, dann €87/Monat, pausieren oder kündigen mit einem Tipp" — damit ein Daumen-Scroller den echten Preis nie erst nach dem Abschluss entdeckt.
  2. 2Füge eine klebende mobile Add-to-Order-Leiste hinzu, die auftaucht, sobald die Angebotsbox vorbeigescrollt ist, damit die durch die Beweis-Bänder weiter unten erfasste Kaufabsicht direkt unter dem Daumen konvertiert, statt einen Scroll zurück zum einzigen Kaufbutton zu erzwingen.
  3. 3Bau einen kompakten Trust-Streifen neben dem Angebot — Trustpilot-Bewertung, 3.000+ befragte Kunden, die Labor-Zulassungs-Badges — statt sie als hohe, blasse Spalte unter der Box zu stapeln und den Rest über vier Scroll-Bänder zu verstreuen.
Upsellr
  1. 1Verkaufe die D3+K2-Flasche und die Travel Packs als bezahlte Order-Bumps beim Kauf und als One-Click-Post-Purchase-Angebot — heute erscheinen sie nur als Erstbestell-Gratisbeigaben, nie als Weg, mehr auszugeben.
  2. 2Ersetze den Sackgassen-Leerwarenkorb durch eine Erstbestell-Wertzusammenfassung, ein relevantes Add-on und einen Gratisversand-Hinweis und verwandle ein leeres mobiles Panel in einen Schritt, der das Bundle verstärkt.
  3. 3Gib der Single-SKU-Angebotsbox eine Mengen- oder längere Vorauszahl-Laufzeit-Auswahl, damit ein kaufbereiter Smartphone-Käufer, der mehr will, sich sofort festlegen kann, statt auf einen Beutel begrenzt zu sein.

Auf deinem Store umgesetzt?

Ich baue Stores wie diesen um.