Shopify Entwicklung für Theme und Storefront

    NICCOS ist eine Shopify Entwickler Agentur und Shopify Plus Partner seit April 2022. Wir entwickeln Themes und Storefronts für Marken im DACH-Raum: Templates, Sections, Datenmodell und Erweiterungen im Checkout. Am Ende steht ein Theme mit dokumentiertem Code, das Dein Team im Theme-Editor selbst pflegt und das eine andere Agentur übernehmen könnte.
    Goldene Holzkern-Damenuhr mit Perlmutt-Zifferblatt am Handgelenk, dazu ein feines ArmbandFrau in schwarzer, eng anliegender Trainingsjacke in hellem Raum mit LichtschattenLachendes Kleinkind sitzt im Gras und hält eine Mintkind-MeilensteinkarteBraune Groundies-Chelsea-Boots aus Leder treten auf Betonboden ins BildSilberne Mascara mit offener Bürste in einem Wasserspritzer vor blauem HintergrundMann mit Dreitagebart hält einen schwarzen maleup-Spender mit Face Cream an die WangeReihe von Cianni-Parfumflakons mit schwarzen Kappen auf heller, spiegelnder Fläche.Hand hält eine Tropfflasche Vitamin D über einer grünen Steppdecke auf dem Sofa.PHARMOS NATUR Pflegeprodukte als ruhiges Stillleben in warmem Licht.Glasampullen laufen durch eine Abfüllanlage in der Heel-ProduktionMann in weissem T-Shirt und schwarzen Boxershorts sitzt auf dem Boden eines Lofts vor FensterfrontHände öffnen eine braune Gusti-Umhängetasche aus Leder und zeigen die InnenfächerDrei junge Leute in Streetwear-Jacken und Strick vor dem EiffelturmMann in cremefarbener Trainingsjacke lehnt an einer Hafenmauer, dahinter Boote und Altstadt im Abendlicht

    Marken, für die wir arbeiten

    MYCR7 logo
    CAT logo
    O'Neal logo
    FRITZ! logo
    Groundies logo
    Gusti Leder logo
    Smilodox logo
    Sirocco logo
    Olakala logo
    Deputy logo
    Bikemailorder logo
    Prepmymeal logo
    Freiluftkind logo
    Bloomingloft logo
    Heel logo
    Neue Landingpages und Kampagnen entstehen im Theme-Editor aus vorhandenen Sections.
    Pflege ohne Entwickler
    Dokumentiertes Liquid, das Dein Team oder eine andere Agentur weiterführen kann.
    Code, der Dir gehört
    Core Web Vitals, mobile Darstellung und Kaufstrecke sind geprüft, bevor das Theme veröffentlicht wird.
    Abgenommen vor dem Go-live

    Was übernimmt eine Shopify Entwickler Agentur?

    Shopify Entwicklung umfasst bei uns alles, was Deine Kunden im Browser sehen und bedienen: Templates, Sections, Navigation, Produktseite, Warenkorb und die Erweiterungen im Checkout. Wir verantworten die Architektur des Themes, das Datenmodell aus Metafeldern und Metaobjekten und die Abnahme vor dem Go-live. Logik, die im Admin oder auf einem Server läuft, gehört in die Shopify App Entwicklung.

    NICCOS ist seit April 2022 Shopify Plus Partner. Im Shopify-Partnerverzeichnis stehen 19 Bewertungen mit der Note 5,0. Welche Storefronts wir gebaut haben, zeigen 13 veröffentlichte Case Studies mit Ausgangslage, Maßnahme und Ergebnis.

    Ein Entwicklungsprojekt beginnt bei uns mit der Frage, was das bestehende Theme noch trägt. Oft reicht es, ungenutzten Code zu entfernen und die Struktur zu ordnen. Ein Neubau lohnt sich, wenn Templates über Jahre mit Sonderfällen und Resten alter Apps überlagert wurden.

    Eigenes Theme oder Standard-Theme anpassen?

    Ein angepasstes Standard-Theme reicht, solange Sortiment und Kaufstrecke in die vorgesehenen Templates passen. Ein eigenes Theme lohnt sich, wenn Du regelmäßig vom Standard abweichst und jede Anpassung beim nächsten Theme-Update neu geprüft werden muss. Entscheidend ist der Pflegeaufwand nach dem Launch. Der Entwurf allein beantwortet die Frage nicht.

    Bei SMILODOX fiel die Entscheidung für ein bestehendes Theme als Basis. Nach dem Design haben wir ein Theme ausgewählt, das die geplanten Module trägt, und es nach Flexibilität, Pflege, Performance und Passung bewertet. Darauf haben wir Homepage, Collection Pages, Produktseiten und den B2B-Bereich entwickelt. Laut Case Study zu SMILODOX ging der Store nach zwei Monaten live, und das interne Team führt ihn weiter.

    Bei Groundies war der Neuaufbau der richtige Weg. Die Barfußschuh-Marke betrieb OXID für die USA und Shopware für die internationalen Märkte. Wir haben die bestehende Corporate Identity analysiert, in ein Design für Shopify übersetzt und das Theme vollständig neu aufgebaut, ohne technische Altlasten. Die Case Study zu Groundies nennt eine rund dreimal schnellere Lead Time vom Briefing bis zur Live-Schaltung und 50 % Kostenreduktion durch die Konsolidierung der zwei Plattformen.

    Wie bleibt ein Shopify Theme nach dem Launch pflegbar?

    Ein Theme bleibt pflegbar, wenn Redaktion und Marketing neue Seiten ohne Entwickler bauen können. Dafür entwerfen wir Sections und Blocks als Baukasten mit festen Grenzen: wie viel Text passt, welche Bildformate greifen und was bei fehlendem Inhalt geschieht. Farben, Schriftgrößen und Abstände liegen als Theme-Einstellungen im Code.

    Mintkind, ein Hamburger Familienlabel für Erinnerungsbücher und Geschenkartikel, arbeitete auf Shopware 6 mit hohem Wartungsaufwand und langsamen Umsetzungszyklen für Content und Kampagnen. Wir haben ein neues Theme entwickelt, das die Bildwelt der Marke von der Navigation bis zur Produktdetailseite trägt, und Produkte, Kundenkonten und Bestellhistorie übernommen. Laut Case Study zu Mintkind ging der Shop nach 90 Tagen live. Landingpages, Kampagnen und Sortimentsanpassungen pflegt das Team seitdem direkt in Shopify.

    Der Baukasten entsteht im Entwurf und nicht erst im Code. Wie wir Seitentypen und Komponenten vor der Entwicklung festlegen, beschreibt die Seite zum Shopify UX/UI Design.

    Was muss bei einem Relaunch für Bestandskunden gleich bleiben?

    Bei einem Relaunch muss sich ein Bestandskunde sofort zurechtfinden: Login, Bestellhistorie, Navigation und die gewohnte Produktseite. Wir legen vor der Entwicklung fest, welche Teile der Oberfläche unverändert übernommen werden und welche sich ändern dürfen.

    Sirocco, eine Schweizer Marke für Tee und Kaffee, kam von Magento. Das bestehende Frontend-Design haben wir 1:1 in Shopify Liquid übertragen und responsiv optimiert. Varianten, Bundles und Geschenksets haben wir innerhalb der Shopify-Architektur abgebildet. Die Case Study zu Sirocco weist über 40.000 migrierte Kundendatensätze mit vollständiger Bestellhistorie, 12 Wochen Projektlaufzeit und 25 % mehr Conversion Rate nach dem Launch aus.

    Steht hinter dem Relaunch ein Systemwechsel, beginnt die Arbeit mit der Shopify Migration. Das Theme ist dann ein Teil des Projekts neben Daten, Weiterleitungen und Schnittstellen.

    Woran scheitert Shopify Entwicklung?

    Theme-Projekte scheitern selten am Entwurf. Sie scheitern an einem Datenmodell, das erst während der Entwicklung geklärt wird, an Apps, die eigenen Code in die Storefront laden, und an einer Abnahme, die nur den Gutfall prüft. Wir klären deshalb zuerst, welche Produktdaten aus ERP oder PIM kommen und welche im Shop gepflegt werden.

    Im DACH-Raum liefert häufig eine Warenwirtschaft wie JTL, weclapp oder Xentral die Stammdaten. Fehlen dort Attribute, zeigt jede Produktseite Lücken. Das löst die Systemintegration, kein Theme. Vor dem Go-live prüfen wir Core Web Vitals, die mobile Darstellung, das Verhalten in mehreren Browsern und die Kaufstrecke bis in den Checkout. Wie wir Ladezeiten messen und verbessern, steht auf der Seite zur Shopify Performance.

    Wir passen nicht, wenn Du ein gekauftes Theme nur installiert haben möchtest oder wenn der Shop vor allem laufende Pflege braucht. Für die laufende Pflege gibt es den Shopify Support.

    Was gehört zur Shopify Entwicklung?

    • Theme-Neubau

      Wir bauen das Theme nach Deinem Designsystem: Templates, Sections und Blocks mit dokumentiertem Liquid-Code.

    • Theme-Refactoring

      Wir entfernen ungenutzten Code und Reste alter Apps aus dem bestehenden Theme. Das Aussehen bleibt, wie es ist.

    • Erweiterungen auf Shopify Plus

      Checkout-Erweiterungen, B2B-Bereiche und Stores für mehrere Länder entstehen auf derselben Codebasis.

    Wann reicht ein Standard-Theme und wann nicht?

    • Standard reicht: Das Sortiment ist einfach

      Produkte mit wenigen Varianten und ohne Konfiguration passen in die Templates, die ein gutes Standard-Theme mitbringt.

    • Standard reicht: Die Marke ist jung

      Solange sich Auftritt und Sortiment noch ändern, ist ein angepasstes Theme die günstigere Grundlage.

    • Standard reicht: Anpassungen bleiben in den Einstellungen

      Was sich über den Theme-Editor lösen lässt, übersteht jedes Theme-Update ohne Nacharbeit.

    • Standard reicht: Niemand pflegt eigenen Code

      Ein eigenes Theme braucht jemanden, der es weiterführt. Fehlt diese Rolle, bleibt der Standard die sichere Wahl.

    • Eigenes Theme: Die Kaufstrecke weicht ab

      Konfiguratoren, Bundles, Abo-Auswahl oder ein B2B-Bereich brauchen Templates, die kein Standard-Theme vorsieht.

    • Eigenes Theme: Jedes Update macht Arbeit

      Wurde der Code des Standard-Themes verändert, muss jede Anpassung nach einem Update neu geprüft werden.

    • Eigenes Theme: Das Theme lädt zu viel

      Funktionen, die Du nie nutzt, werden trotzdem geladen. In einem eigenen Theme entsteht nur der Code, den der Shop braucht.

    • Eigenes Theme: Mehrere Shops teilen ein System

      Länder, Marken oder B2B sollen zusammengehören. Eine gemeinsame Codebasis ist leichter zu pflegen als mehrere einzelne Themes.

    Was kommt auf Shopify Plus hinzu?

    • Checkout-Erweiterungen

      Eigene Bausteine an den vorgesehenen Stellen im Checkout und serverseitige Logik über Shopify Functions.

    • B2B im selben Store

      Firmenkonten, Kataloge je Kundengruppe und Preislisten neben dem Geschäft mit Endkunden.

    • Mehrere Länder

      Sprachen, Währungen und Domains über Shopify Markets oder eigene Stores je Region.

    • Metaobjekte

      Strukturierte Inhalte für Produktinformationen, die sonst in Behelfsfeldern oder Zusatz-Apps liegen.

    Wie läuft ein Theme-Projekt bei uns ab?

    1. Bestand ansehen

      Wir prüfen, welche Templates den Umsatz tragen, welcher Code ungenutzt geladen wird und welche Apps in die Storefront eingreifen.

    2. Umfang festlegen

      Wir trennen, was das Theme löst und was eine App oder eine Schnittstelle braucht. Der Umfang wird an dieser Stelle oft kleiner.

    3. In der Theme-Kopie entwickeln

      Änderungen entstehen in einer Kopie des Themes und werden einzeln getestet. Der laufende Shop bleibt unberührt.

    4. Abnehmen

      Wir prüfen Core Web Vitals, mobile Darstellung, mehrere Browser und die Kaufstrecke, auch mit fehlerhaften Eingaben.

    5. Veröffentlichen und übergeben

      Das Theme wird zu einem abgestimmten Zeitpunkt veröffentlicht. Dein Team erhält den dokumentierten Code und eine Einweisung in den Theme-Editor.

    • Mann mit Sonnenbrille in cremefarbenem Polo und Shorts sitzt auf einem KieselmosaikOlakala
    • Model dreht sich im dunkelgrünen SMILODOX-Set aus Bustier und Leggings vor weißem HintergrundSMILODOX
    • Mountainbiker in rotem Langarmtrikot und weissem Helm fährt mit erhobenem Vorderrad durch den WaldPlatzangst

    Ist Theme-Entwicklung jetzt Dein nächster Schritt?

    Dann setzt Du an der richtigen Stelle an

    • Jede Kampagne braucht einen Entwickler

      Neue Landingpages entstehen nur mit Code. Dem Theme fehlen Sections, aus denen Dein Team selbst bauen kann.

    • Das Theme wurde über Jahre verändert

      Anpassungen liegen direkt im Code des Standard-Themes. Jedes Update kann sie überschreiben.

    • Alte Apps haben Spuren hinterlassen

      Deinstallierte Apps haben Skripte und Snippets zurückgelassen, die weiter geladen werden.

    • Ein Relaunch ist beschlossen

      Design und Ziel stehen fest, und Du suchst das Team, das daraus ein wartbares Theme baut.

    Dann bringt Dir etwas anderes mehr

    • Die Funktion liegt jenseits des Themes

      Oberflächen im Admin, eigene Datenprozesse und Regeln im Checkout löst kein Theme. Dafür braucht es eine App.

      Zur Shopify App Entwicklung
    • Besucher kommen, kaufen aber nicht

      Wenn der Shop technisch trägt und die Abschlüsse fehlen, setzen wir bei Seitenaufbau und Angebot an.

      Zur Conversion-Optimierung
    • Es geht um den laufenden Betrieb

      Für Fehlerbehebung, Pflege und kleine Weiterentwicklungen ist ein neues Theme das falsche Mittel.

      Zum Shopify Support

    Wie können wir an Deinem Theme arbeiten?

    Du baust neu, bringst ein bestehendes Theme in Ordnung oder erweiterst einen Shop auf Shopify Plus. Daraus ergeben sich drei Zuschnitte.

    Ergebnisse aus Kundenprojekten

    Jede Zahl steht so in der Case Study und lässt sich dort nachlesen.

    Alle Projekte ansehen

    Marken, für die wir auf Shopify bauen.

    Groundies, MYCR7 und Gusti Leder sind drei von dreizehn Projekten, die wir mit Ausgangslage, Umsetzung und Ergebnis veröffentlicht haben.

    Häufige Fragen zur Shopify Entwicklung

    Was macht ein Shopify Entwickler?

    Ein Shopify Entwickler baut und pflegt das Theme: Templates, Sections und Blocks in Liquid, dazu JavaScript und CSS für die Storefront. Er legt Metafelder und Metaobjekte an und bindet Erweiterungen im Checkout ein. Logik im Admin oder auf einem Server ist Sache der App-Entwicklung.

    Wann lohnt sich ein eigenes Theme?

    Ein eigenes Theme lohnt sich, wenn Deine Kaufstrecke regelmäßig vom Standard abweicht und jede Anpassung nach einem Theme-Update neu geprüft werden muss. Solange Sortiment und Abläufe in die vorgesehenen Templates passen, ist ein angepasstes Standard-Theme die günstigere Grundlage.

    Muss ich mein Theme neu bauen, wenn es zu langsam ist?

    Nein, nicht in jedem Fall. Wir prüfen zuerst, woher die Last kommt. Ungenutzter Code und Skripte alter Apps lassen sich oft entfernen, ohne das Aussehen zu ändern. Ein Neubau lohnt sich, wenn zusätzlich Struktur und Pflege nicht mehr tragen.

    Wie lange dauert ein Theme-Projekt?

    Die Dauer hängt am Umfang von Designsystem, Sonderlogik und angebundenen Systemen. Aus unseren Case Studies: SMILODOX ging nach zwei Monaten live, Mintkind nach 90 Tagen, Sirocco nach 12 Wochen. Eine Schätzung für Dein Projekt geben wir, wenn Umfang und Systemlandschaft gesichtet sind.

    Was bekomme ich nach dem Launch?

    Du bekommst den dokumentierten Liquid-Code und eine Einweisung in den Theme-Editor. Das Theme gehört Dir. Dein Team oder eine andere Agentur kann damit weiterarbeiten.

    Ist NICCOS Shopify Plus Partner?

    Ja. NICCOS ist seit April 2022 Shopify Plus Partner. Im Shopify-Partnerverzeichnis stehen 19 Bewertungen mit der Note 5,0.

    Lass uns Dein Theme ansehen

    Wir prüfen Code, Apps und Templates Deines Shops. Danach weißt Du, ob ein Refactoring reicht oder ein Neubau ansteht. Die Ersteinschätzung ist kostenlos und eine erste Bewertung, kein vollständiges Audit und kein ausgearbeitetes Konzept.

    NICCOS

    Die Seite konnte nicht geladen werden.

    Bitte lade die Seite neu. Falls gerade ein Update live gegangen ist, wird damit die aktuelle Version geladen.