Wonder Theme ist unser eigenes Shopify-Theme, erhältlich im offiziellen Shopify Theme Store. Es bringt 5 Presets für verschiedene Branchen mit – Beauty, Mode, Wellness, Wohnen/Einrichtung und DTC mit einem einzigen Produkt. Dies ist aber kein Artikel über Funktionen. Es ist die Geschichte, warum wir uns überhaupt entschieden haben, ein eigenes Theme zu entwickeln, wie der Code-Review mit Shopify verlief (Spoiler: nicht im ersten Anlauf) und was sich dadurch für unsere Kunden verändert hat.
Als wir anfingen, mit Shopify zu arbeiten, war der Markt noch relativ jung. Die Auswahl an Themes war begrenzt, und die vorhandenen haben uns schlicht nicht überzeugt. Es fehlten bestimmte Sections, die unsere Kunden brauchten. Es fehlte an Flexibilität für Anpassungen. Es fehlten branchenspezifische Funktionen – Dinge, die für eine Beauty-Marke selbstverständlich wären, für eine Möbelmarke aber sinnlos.
Nach Jahren der Arbeit an Kundenshops erkannten wir ein wiederkehrendes Muster. Wir starteten ein Projekt mit einem verfügbaren Theme. Der Kunde hatte konkrete Anforderungen: Er wollte einen Vorher-nachher-Slider auf der Produktseite (weil er Hautpflege verkauft), Image Hotspots auf Raumfotos (weil er Möbel verkauft) oder ein Abo-Widget mit flexiblen Intervallen (weil er Nahrungsergänzungsmittel verkauft). Das Theme unterstützte das nicht. Also tauchten wir in den Code ein. Änderten ihn. Und verbauten damit den Update-Pfad. Am Ende hatte der Kunde ein Theme, das er nicht mehr aktualisieren konnte, ohne alle Anpassungen zu verlieren.
Das wiederholte sich bei 30 Shops. Dann bei 50. Irgendwann dachten wir: Statt jedes Mal fremden Code umzubiegen – warum schreiben wir nicht unseren eigenen von Grund auf, der all diese Anwendungsfälle von vornherein nativ abdeckt?
Das war der erste Funke. Der zweite war praktischer Natur.
Die meisten Premium-Themes auf dem Markt haben ein gemeinsames Problem: Sie sind aufgebläht. Sie bekommen eine Funktion nach der anderen, jede neue Version wiegt mehr, jedes Update bringt eine weitere JavaScript-Datei, ein weiteres Stylesheet, eine weitere externe Abhängigkeit mit.
Die Folge? Ein langsamer LCP (Largest Contentful Paint). Ein träger INP bei jeder Interaktion. Schwache mobile PageSpeed-Werte.
Für Kunden ist das keine Abstraktion. Jede zusätzliche Sekunde Ladezeit kostet Conversions. Für einen Shop mit nennenswertem Jahresumsatz bedeutet ein schlecht programmiertes Theme, dass Jahr für Jahr spürbar Umsatz verloren geht.
Uns war klar: Wenn wir etwas Eigenes bauen, müssen wir bei den Grundlagen anfangen. Natives Lazy Loading. Inline eingebundenes Critical CSS. Verzögert geladenes JavaScript. Native Bildformate. Jede Architekturentscheidung wurde von der ersten Codezeile an den Core Web Vitals untergeordnet – nicht nachträglich als Optimierung ergänzt.
Wir sind alle Projekte der vergangenen Jahre durchgegangen und haben eine Liste der Funktionen erstellt, die Kunden brauchten, die Standard-Themes aber entweder gar nicht oder nur schlecht umsetzten. Die Liste wurde lang. Manches war universell – Slide-out-Warenkorb, Sticky-Warenkorb, Mega-Menü, Farbmuster. Anderes war auffallend branchenspezifisch – Vorher-nachher für Beauty, Image Hotspots für Wohnen und Einrichtung, FAQ auf der Produktseite für Nahrungsergänzung.
Bauen wir ein Theme, das alles kann (und deshalb nichts richtig gut)? Oder 5 separate Themes (und pflegen dann 5 Produkte)?
Wir haben einen dritten Weg gewählt: ein Theme, 5 Presets. Dieselbe technologische Basis – Performance, Struktur, Sections. Fünf verschiedene visuelle und funktionale Konfigurationen, zugeschnitten auf bestimmte Branchen. Der Kunde wählt ein Preset und bekommt sofort einen Shop, der zu seiner Branche passt, ohne Kompromisse. Wir pflegen eine einzige Codebasis. Eine Win-win-Situation.
Jede Section, jede Komponente, jeder Zustand – gestaltet nach den Richtlinien des Baymard Institute. Das ist keine Marketingfloskel. Martyna Kosowska, unsere Head of Design, ist individuell von Baymard zertifiziert (Zertifikat ansehen) – sie kennt also die über 650 Richtlinien für E-Commerce-UX und kann sie in einem Designsystem anwenden.
Liquid, so wenige externe Abhängigkeiten wie möglich. Jede Section unabhängig und per Lazy Loading geladen. Jedes Bild in einem modernen Format ausgeliefert. Performance-Tests bei jedem Commit.
Der Shopify Theme Store hat einen der strengsten Review-Prozesse auf dem Markt. Jedes Theme, das im offiziellen Store eingereicht wird, durchläuft einen gründlichen Code-Review durch das Shopify-Team. Geprüft wird alles – Barrierefreiheit, Performance, Codequalität, UX, Sonderfälle, Mobilgeräte, Dokumentation. Stimmt etwas nicht, bekommt man eine Liste mit Anmerkungen und geht zurück an die Arbeit.
Im ersten Anlauf haben wir es nicht geschafft – und das war eines der besten Dinge, die uns passieren konnten.
Wir bekamen detailliertes Feedback von Leuten, die Hunderte von Themes geprüft haben und genau wissen, was anderen Teams entgeht. Manche Anmerkungen waren technisch – kleinere Performance-Probleme, Barrierefreiheit bei bestimmten Komponenten. Andere waren strategisch – Vorschläge, wie sich bestimmte Sonderfälle besser lösen lassen.
Wir haben jede Anmerkung aufgegriffen, sind zurück in den Code gegangen, haben Sections neu geschrieben und Details verfeinert. Zweite Runde. Code-Review……. Freigegeben!
Warum wir das erzählen? Weil genau das ein freigegebenes Theme im Shopify Theme Store von jedem Theme unterscheidet, das auf Marktplätzen von Drittanbietern verkauft wird. Dort kann man alles hochladen. Hier wird Ihr Code von Menschen geprüft, die die Plattform besser kennen als alle anderen. Es ist ein Qualitätsfilter, den man nicht umgehen kann – und in unserem Fall hat er aus einem guten Theme ein besseres gemacht.
Vor Wonder Theme dauerte ein typisches Projekt für einen neuen Shop 12–16 Wochen. Mit Wonder Theme als Basis sind es 6–8 Wochen. Weil wir nicht bei null anfangen. Der Kunde wählt ein Preset, das zu seiner Branche passt, wir passen es an das Brandbook an, binden die Integrationen an – und so bleibt Zeit für das, was wirklich Mehrwert schafft: UX-Feinoptimierungen, individuelle Sections, geschäftsspezifische Integrationen.
Weil wir jede Codezeile kennen. Weil wir sie selbst geschrieben haben. Der Kunde sagt: „Ich möchte auf der Produktseite ein zusätzliches Modul mit Trustpilot-Bewertungen, nur für ausgewählte Produkte, mit eigener Darstellungslogik für Mobilgeräte“ – das ist eine Stunde Arbeit, nicht eine Woche Analyse eines Themes, das wir nicht kennen.
Die meisten unserer Shops erreichen in PageSpeed über 90 Punkte auf dem Desktop und über 70 auf Mobilgeräten. Das ist die Ausgangsbasis, nicht das Ziel. Der Kunde muss sich nicht um die Core Web Vitals kümmern, keine Bilder nachträglich optimieren und keine Performance-Audits extra bezahlen – all das ist im Produkt bereits enthalten.
Zu jedem Preset gibt es einen eigenen Artikel im Blog (mit einem tiefen Einblick in die jeweilige Branche), aber der Vollständigkeit halber – das ist derzeit im Shopify Theme Store verfügbar:
Alle 5 Presets teilen dieselben Premium-Komponenten: Shoppable Video, Mobile-first-Design, EU-Übersetzungen (EN/FR/IT/DE/ES), Slide-out-Warenkorb, Sticky-Warenkorb, Farbmuster, Mega-Menü, Produkt-Badges. Lizenzpreis: einmalig 390 $ im Shopify Theme Store.
Wonder Theme ist ein lebendiges Produkt. Alle paar Wochen veröffentlichen wir ein Update – neue Sections, Performance-Optimierungen, Verbesserungen der Barrierefreiheit, und weitere Presets sind in Arbeit. Jeder Kunde, der eine Lizenz gekauft hat, erhält alle künftigen Versionen kostenlos.
Außerdem haben wir eine Roadmap, die sich am Feedback der Nutzer orientiert. Wenn Sie Wonder Theme kaufen und Ihnen etwas fehlt, sagen Sie es uns. Wir bauen es wirklich in künftige Versionen ein, denn für uns ist Wonder kein abgeschlossenes Projekt. Es ist das Fundament, auf dem wir jeden Nethype-Shop aufbauen.
Am schnellsten verstehen Sie, was Wonder Theme kann, wenn Sie es sich einfach ansehen. Alle 5 Presets haben Demos im Shopify Theme Store, in denen Sie sich durch jede Section klicken, das mobile Layout prüfen und Shoppable Video testen können.
Wonder Theme im Shopify Theme Store ansehen → https://themes.shopify.com/themes/wonder
Wenn Sie an einem kompletten Shop-Aufbau mit Wonder Theme als Basis interessiert sind (mit Anpassung an Ihr Brandbook, Integrationen, Migration von einer anderen Plattform), bieten wir Ihnen eine kostenlose Beratung und ein Angebot. Schreiben Sie an info@nethype.co. Die ersten 60 Minuten sind ein Gespräch über Ihr Unternehmen – unverbindlich und ohne Verkaufsgespräch. Danach erhalten Sie ein konkretes Angebot mit Zeitplan. In der Regel antworten wir innerhalb von 24 Stunden.
Ja. Wonder Theme ist im offiziellen Shopify Theme Store erhältlich. Das heißt, es hat einen gründlichen Code-Review durch das Shopify-Team bestanden, bei dem Code, Performance, Barrierefreiheit, UX und mobile Nutzbarkeit geprüft wurden.
Selbstverständlich. Wonder Theme ist ein vollwertiges Premium-Theme, erhältlich für einmalig 390 $ (Lizenz). Sie erhalten eine Dokumentation, technischen Support für das Theme selbst und alle künftigen Updates.
Dawn ist ein guter Ausgangspunkt für kleine Shops – kostenlos und gut optimiert, aber mit wenigen Sections und ohne branchenspezifische Funktionen. Wonder Theme hat 5 Presets, die auf bestimmte Branchen zugeschnitten sind (Beauty, Mode, Wellness, Wohnen/Einrichtung, Ein-Produkt-Shops), dazu Shoppable Video, Vorher-nachher-Slider, Image Hotspots, Shop the Look und ein Dutzend weiterer Premium-Sections, die es in Dawn nicht gibt.
Wir veröffentlichen alle paar Wochen eine neue Version. Jeder Kunde mit Lizenz erhält alle künftigen Versionen kostenlos, dauerhaft.
Ja. Wonder Theme ist vollständig kompatibel mit Shopify Plus und unterstützt alle Plus-Funktionen, darunter Shopify Markets, Shopify Functions, B2B und individuelle Checkout Extensions.
Ja. Im Shopify Theme Store hat jedes Preset eine vollständige Demo – Sie können sich durch jede Section klicken, das mobile Layout prüfen und Shoppable Video testen. Außerdem bietet Shopify nach dem Kauf eine 24-stündige Testphase, in der Sie die Lizenz zurückgeben können.
