E-Commerce Brand Webseite

Zahlen vom Baymard Institute (2024/25): 70 % aller Warenkörbe werden abgebrochen. Am Handy sogar 80 %, am Desktop „nur“ 66 %. Wer Mobile auf Desktop-Niveau bringt, holt nach diesen Studien weltweit etwa 382 Mrd. Dollar Umsatz pro Jahr zurück.

Die Hauptgründe sind seit Jahren dieselben: 47 % brechen wegen unerwarteter Versandkosten ab. 25 % verlieren die Geduld bei der Karteneingabe am Handy. 53 % gehen, wenn die Seite länger als 3 Sekunden lädt. Eine Akamai-Studie zeigt: jede 100 ms mehr Ladezeit kostet 7 % Conversion.

Das heißt im Klartext: ein Shop, der mobil 4 Sekunden braucht und Versandkosten erst im Checkout zeigt, verliert pro Tag Geld, das technisch nicht verloren gehen müsste.

Schnell laden (Lighthouse > 90 mobil). Versandkosten schon auf der Produktseite zeigen, nicht erst beim Bezahlen. Express-Checkout über Apple Pay, Google Pay und PayPal Express für Stammkunden.

Mobil-optimierte Formularfelder: die richtige Tastatur für Telefonnummer, E-Mail und Kartennummer, plus automatisches Ausfüllen für Adressen. Klingt klein, ist aber genau der Punkt, an dem viele Mobile-Käufer aufgeben.

Realistisch als Custom-Projekt ab 4.990 € netto. Größe und Funktionsumfang bestimmen den genauen Preis.

Marken-Auftritt und Shop in einer Seite. Oben Marke und Sortimentsübersicht, in der Mitte Produktstory mit Material und Herkunft, dann technische Details, am Schluss Bewertungen und Cross-Selling.

Wer schnell kaufen will, klickt oben. Wer mehr Vertrauen braucht, scrollt weiter. Beide Käufer-Typen funktionieren auf derselben Seite.

Der Checkout läuft in drei Schritten: Versand, Zahlung, Übersicht. Versandkosten und Steuern stehen schon im Warenkorb, nicht erst danach. Das eliminiert den häufigsten Abbruchgrund (47 % laut Baymard).

Moderner Web-Stack (Next.js, React, TypeScript). Marketing-Seiten werden vorgerendert für maximale Geschwindigkeit, Warenkorb und Checkout laufen mit aktuellen Beständen.

Für den Shop wählen wir den passenden Unterbau je nach Größe: Shopify Hydrogen für bestehende Shopify-Kunden, Saleor für volle Anpassbarkeit, oder ein eigenes Backend auf Stripe-Basis für kleinere Sortimente. Lizenzkosten zahlt ihr direkt beim Anbieter.

Bilder werden automatisch klein gerechnet und über ein weltweites Netzwerk ausgeliefert, damit auch der Käufer in Hamburg dieselbe Geschwindigkeit hat wie der in München.

Schriften passen zur Marke, nicht zum E-Commerce-Standard. Für Mode-Brands eine moderne Serif mit klarer Sans-Serif fürs Interface, für Tech-Brands eine starke Display-Schrift mit ruhigem Lesetext.

Maximal drei bis vier Hauptfarben. Eine davon bleibt dem Kaufen-Button vorbehalten. Studien zeigen 15 bis 25 % mehr Klicks bei klar kontrastierenden CTAs gegenüber unauffälligen Buttons.

Bewegung nur bei der Kaufbestätigung: dezenter Hover, klare Bestätigung nach dem Klick. Keine aggressiven Pop-ups, keine erzwungenen Newsletter-Modals. Die werden seit Jahren instinktiv weggeklickt.

Produktseite mit zwei Wegen: oben Sofortkauf für Eilige, unten Story und Bewertungen für Vorsichtige. Beide bekommen, was sie brauchen.

Express-Checkout (Apple Pay, Google Pay, PayPal Express): Stammkunden kaufen mit einem Klick, ohne Adresse einzugeben. Marktbenchmarks zeigen +30 bis +50 % Conversion bei Wiederkäufern.

Versandkosten schon im Warenkorb sichtbar. Mobil-Tastatur für Karten- und Telefonnummern, automatisches Ausfüllen für Adressen. Sticky-Kaufen-Button beim Scrollen langer Produktseiten. Touch-Bildergalerie mit Wisch-Geste statt fummelige Pfeil-Buttons.

Versandkosten-Transparenz von Anfang an. Versand und Steuern stehen schon auf der Produktseite und im Warenkorb. Damit verschwindet der häufigste Friction-Punkt, bevor er entsteht.

Vertrauenselemente verteilt: Rückgabe- und Versandgarantien sichtbar im Footer und im Warenkorb, Zahlungsanbieter-Logos prominent, Bewertungen mit Anzahl und Sterneverteilung, Sicherheits-Hinweise im Checkout. Nichts versteckt, alles dort, wo der Käufer es sucht.

Mobile Details, die in Summe entscheiden: große Tap-Flächen (mindestens 48 Pixel hoch nach Apple- und Google-Richtlinien), automatische Großschreibung aus bei E-Mail und URL, korrekte Tastatur für jedes Feld. Klingt nach Kleinkram, ist aber der Unterschied zwischen Mobile-Conversion und Mobile-Abbruch.

Für D2C-Marken und kleinere Shops bis etwa 50 Produkten rechnen wir ab 4.990 € netto im Custom-Paket, fertig in 4 bis 6 Wochen.

Größere Shops (200+ Produkte, Konfiguratoren, internationale Versand-Logik) werden separat kalkuliert. Wer noch nicht voll in den E-Commerce einsteigen will, kann auch mit einer schlanken Marken-Seite plus Stripe-Checkout starten — das geht ab 1.990 € netto im Business-Paket plus Shop-Modul.

Im Erstgespräch klären wir Sortimentsgröße, Zahlungsanbieter und Versand-Logik. Festpreis bekommt ihr verbindlich danach.