THEME-ENTWICKLUNG · OS 2.0

Shopify Theme Entwicklung — individuelles Liquid-Engineering

Individuelle Themes auf Basis von Online Store 2.0 und Dawn. Liquid, JavaScript und performanceorientierter Code — mit Sections, die Ihr Marketingteam selbst bearbeiten kann.

  • ab 2.400 €
  • Shopify-Plus-Partner
  • 120+ Shops live seit 2018
  • Festpreis, schriftlicher Umfang

Lieber per E-Mail? hello@shopindev.com

Live-Shops, die wir in Europa gebaut haben
Alle 29 Referenzen ↗
Sie haben unsere Liquid-Sections von Grund auf gebaut. Unser Team pflegt Seiten jetzt selbst — vorher hieß jede Änderung: auf einen Entwickler warten.
Cem KorkmazHead of Operations · Lactovia
Warum Shopindev?

Shopify Theme Entwicklung: warum Shopindev?

OS 2.0 Sections

Redaktionsfreundliche Drag-and-drop-Sections — Ihr Team bearbeitet Seiten ohne Liquid und ohne auf Entwickler zu warten.

Metafelder & Metaobjekte

Strukturierte Inhalte für Mehrsprachigkeit, Multi-Market und konsistente Markendaten über alle Templates.

Theme App Extensions

App-Blöcke werden modern in Storefront und Checkout integriert, statt per Script injiziert.

Performance-Budget

Lighthouse- und Bundle-Size-Prüfung bei jedem Pull Request, mit garantiertem LCP unter 1,5 Sekunden.

GitHub + CI/CD

Theme-Code in Ihrem privaten Repository, automatische Preview-Deployments, Code-Review und vollständige Historie.

Designsystem

Typografie, Farbe, Abstände und Komponenten in Figma dokumentiert, damit das Theme beim Wachsen konsistent bleibt.

Shopify Theme Entwicklung in vier Schritten

01 — ENTWURF

Figma-Prototyp

Ein shopspezifisches Designsystem: Typografie, Farben, Komponenten, Produkt-, Kollektions- und Seitenvorlagen.

1–2 Wochen
02 — UMSETZUNG

Liquid + JavaScript

Theme-Code von Grund auf oder auf Dawn-Basis. Jede Komponente als eigene Section mit Schema.

2–4 Wochen
03 — QA

Cross-Device-Tests

iOS Safari, Android Chrome und Desktop-Browser. Jeder CTA und Checkout-Pfad wird getestet.

1 Woche
04 — ÜBERGABE

Schulung + Repo-Transfer

Theme-Code in Ihrem eigenen Repository, plus Video-Schulung für Ihr Team.

2 Tage
THEME-ENTWICKLUNG · IM DETAIL

Anpassen, erweitern oder neu bauen

Die meisten Shops brauchen kein neues Theme, sondern ein besseres. Hier steht, wie wir entscheiden — und was ein Theme-Projekt bei uns umfasst.

Die leichteste Variante, die reicht

Wir prüfen zuerst, ob Ihr bestehendes Theme oder Dawn mit einigen eigenen Sections Ihre Anforderungen erfüllt. Ein individuelles Theme empfehlen wir erst, wenn Markenauftritt, Produktlogik oder Performance-Ziele mit einem vorhandenen Theme nur über viele Workarounds erreichbar wären.

Das ist nicht Bescheidenheit, sondern Wartbarkeit: Jede Zeile eigener Code muss später jemand pflegen.

  • Anpassen: Farben, Typografie, eigene Sections
  • Erweitern: neue Templates, Metafelder, Metaobjekte
  • Neu bauen: eigenes Designsystem, eigene Komponenten

Sections, die Ihr Team selbst pflegt

Jede Komponente entsteht als Section mit Einstellungen im Theme-Editor. Ihr Marketingteam baut Landingpages, tauscht Kampagnenbilder und ordnet Inhalte an, ohne auf Entwickler zu warten.

Wir benennen Einstellungen so, dass sie ohne Handbuch verständlich sind, und begrenzen Optionen dort, wo zu viel Freiheit das Design zerstören würde.

Metafelder statt Copy-Paste

Größentabellen, Materialangaben, Pflegehinweise und Herstellerinformationen nach Produktsicherheitsverordnung gehören in Metafelder und Metaobjekte, nicht in den Beschreibungstext. So erscheinen sie konsistent auf jeder Produktseite und lassen sich an einer Stelle ändern.

Strukturierte Produktdaten helfen außerdem Suchmaschinen und KI-Assistenten, Ihre Produkte richtig einzuordnen.

Performance ist Teil des Themes

Wir messen Ladezeit und Core Web Vitals vor und nach dem Projekt. Bilder werden in passender Breite ausgeliefert, das Hero-Bild priorisiert, Skripte verzögert, wo es geht. Ein Performance-Budget verhindert, dass das Theme mit jeder Erweiterung langsamer wird.

  • LCP unter 1,5 s als Ziel auf Mobilgeräten
  • Keine Skripte ohne Zweck im Theme
  • Messung vor und nach jedem größeren Release

Barrierefreiheit nach BFSG

Seit Juni 2025 müssen Online-Shops für Verbraucher barrierefrei nutzbar sein. Wir entwickeln gegen WCAG 2.1 AA: Kontraste, Tastaturbedienung von Menüs und Drawern, beschriftete Formularfelder, sinnvolle Alternativtexte und pausierbare Karussells.

Code, der Ihnen gehört

Der Theme-Code liegt versioniert in Ihrem eigenen Repository und ist über die GitHub-Integration mit Shopify verbunden. Jede Änderung ist nachvollziehbar, und ein anderer Entwickler kann jederzeit übernehmen.

Zur Übergabe gehören eine kurze Dokumentation und eine Video-Schulung für Ihr Team.

HÄUFIGE FRAGEN

Shopify Theme Entwicklung: häufige Fragen

Was kostet ein individuelles Shopify Theme?

Abhängig von Designtiefe, Anzahl der Templates, Umfang individueller Sections und Mehrsprachigkeit. Typischer Rahmen: 2.400–18.000 €. Fester Umfang, fester Preis, keine Stundenabrechnung.

Wie wird ein Shopify Theme angepasst?

Auf drei Ebenen: Theme-Einstellungen (Farben, Fonts, Sections ohne Code), Liquid-Anpassungen (individuelle Sections, Metafelder, eigene Logik) oder ein vollständig neues Theme. Wir empfehlen immer die leichteste ausreichende Variante.

Was ist Online Store 2.0?

Die Theme-Architektur, die Shopify 2021 eingeführt hat und Sections auf allen Seitentypen erlaubt — Startseite, Produkt, Kollektion, Blog. Sie macht Themes für Nicht-Entwickler bearbeitbar.

Arbeiten Sie an bestehenden Themes?

Ja. Wir auditieren den Bestand und erweitern ihn oder bauen die Teile neu, die bremsen. Oft ist die Erweiterung eines guten Premium-Themes die bessere Investition.

Theme anpassen oder neu entwickeln?

Meist anpassen. Ein bestehendes Theme oder Dawn mit eigenen Sections deckt die meisten Anforderungen ab. Eine Neuentwicklung lohnt sich, wenn Marke, Produktlogik oder Ladezeitziele sonst eine lange Liste von Umgehungen bräuchten.

Wie finde ich heraus, welches Theme ein anderer Shop nutzt?

Mit unserem kostenlosen Theme-Finder: Adresse einfügen, und er liest Theme-Name, Version und Herkunft aus. Von Hand geht es über Shopify.theme im Seitenquelltext — das Feld schema_name ist der echte Name.

Ist das Theme barrierefrei nach BFSG?

Wir entwickeln gegen WCAG 2.1 AA: Kontraste, Tastaturbedienung für Menüs, Filter und Warenkorb, beschriftete Formularfelder und pausierbare Slider. Seit dem 28. Juni 2025 ist Barrierefreiheit für Shops mit Verbraucherkunden in Deutschland Pflicht, mit Ausnahme von Kleinstunternehmen.

Es antwortet ein Mensch, kein Bot — werktags meist innerhalb von 30 Minuten.

Erzählen Sie uns von Ihrem Projekt