Website-Relaunch mit Headless-Shop für ein Impact-Startup

Die Herausforderung

Das Geschäftsmodell des Kunden ist erklärungsbedürftig - und genau daran scheiterte der alte Webauftritt. Es geht nicht um Spenden, sondern um Sponsoring: Unternehmen finanzieren das Einsammeln von Plastik aus Flüssen und erhalten dafür Zertifikate über die gestoppte Menge, kaufbar pro Kilogramm im Shop.

Wer das nicht in wenigen Sekunden versteht, springt ab. Die alte Seite vermittelte den Eindruck einer klassischen Umweltorganisation, nicht eines Impact-Unternehmens mit kaufbarem Produkt. Zusätzlich lagen Website und Shop auseinander, mit einem sichtbaren Bruch im Kaufprozess.

Unser Ansatz

Umsetzung nach Agentur-Designs. Die visuelle Gestaltung kam von einer Designagentur. Unsere Aufgabe war die technische Umsetzung - und dabei die Designs so zu übersetzen, dass sie in allen Zuständen tragen, nicht nur im Artboard.

Headless-Shop statt Shop-Website. Das Shopsystem liefert Produkte, Preise und Bestellabwicklung, während die Präsentation vollständig im neuen Frontend liegt. Damit lässt sich der Zertifikatskauf dort platzieren, wo die Argumentation ihn trägt - direkt an der Erklärung des Modells statt in einem abgetrennten Shopbereich.

Struktur für zwei Zielgruppen. Der Auftritt bedient Unternehmenskunden mit Sponsoring-Interesse und Privatpersonen mit Einzelkauf. Beide Pfade führen zum gleichen Produkt, brauchen aber unterschiedliche Argumentation und Einstiegspunkte.

Mobile zuerst. Der Großteil des Traffics kommt über Social Media auf dem Telefon. Die Conversion-Strecke wurde entsprechend zuerst für kleine Bildschirme entworfen.

Die Ergebnisse

Der neue Auftritt bildet das Impact-Modell so ab, dass es sich in wenigen Sekunden erschließt - und führt vom Verständnis direkt zum Kauf, ohne den vorherigen Bruch zwischen Website und Shop.

Für ein Team von drei Vollzeitkräften in Deutschland ist zudem entscheidend, dass Inhalte ohne Entwicklerbeteiligung gepflegt werden können. Genau darauf ist das System ausgelegt.