Template und Theme Design
Template und Theme Design
Wir gestalten individuelle Themes für Shopware 6 und Shopify. Der Entwurf entsteht vorab in Figma, bis ins Detail und auf allen Bildschirmgrößen, damit du den fertigen Shop siehst, bevor die erste Zeile Code entsteht.
Im Detail
Das steckt drin.
Entwurf in Figma
Bevor eine Zeile Code entsteht, siehst du deinen Shop in Figma. Startseite, Kategorie, Produktseite und Checkout als klickbarer Entwurf, in dem wir gemeinsam schieben, kürzen und schärfen.
Design aus deiner Marke heraus
Farben, Schrift, Bildsprache und Tonalität kommen aus deiner Marke, nicht aus einem Theme-Store. Wenn es noch kein Markenbild gibt, entwickeln wir es mit dir.
Detaillierte Designs
Nicht nur die Startseite. Wir gestalten auch Varianten, leere Zustände, Filter, Formulare und Fehlerseiten. Das sind die Stellen, an denen ein Shop im Alltag auffällt.
Mobil zuerst
Die Mehrheit kauft am Handy. Darum entsteht jedes Layout zuerst für kleine Bildschirme und wächst von dort nach oben.
Shopware 6 und Shopify
Wir entwerfen nicht für ein schönes Bild, sondern für die Plattform. Jedes Design ist in Twig und Shopware-Blocks oder in Liquid und Shopify-Sections tatsächlich umsetzbar.
Pflegbar gebaut
Das Theme bekommt Baukästen, die dein Team selbst zusammensetzt. Neue Landingpages entstehen danach ohne uns.
Designsystem zum Mitwachsen
Farben, Abstände, Schriftgrößen und Komponenten liegen als System vor. Der nächste Ausbau sieht aus wie der erste, auch in zwei Jahren.
Einordnung
Passt das zu dir?
Gute Voraussetzungen
- Dein Shop soll nicht aussehen wie der Shop deines Wettbewerbs.
- Du hast eine Marke und willst, dass man sie im Shop wiedererkennt.
- Du willst Landingpages und Kampagnen später selbst bauen.
Dann lieber nicht
- Du brauchst nur schnell ein Logo und andere Farben im Standard-Theme. Das machen wir auch, dafür braucht es aber kein eigenes Design.
Ablauf
So gehen wir vor.
- 01
Marke und Ziele
Was soll der Shop ausstrahlen, wer kauft dort, was unterscheidet dich. Dazu ein Blick auf Wettbewerb und Vorbilder.
- 02
Entwurf in Figma
Zuerst die Schlüsselseiten, danach die Tiefe. Du siehst alles klickbar und kommentierst direkt im Entwurf.
- 03
Designsystem
Aus den Entwürfen wird ein System aus Komponenten, Abständen und Zuständen, das die Entwicklung eins zu eins umsetzen kann.
- 04
Umsetzung im Theme
Wir bauen das Design als Theme in Shopware 6 oder Shopify, mit pflegbaren Baukästen für dein Team.
Gut zu wissen
Häufige Fragen.
Was kostet ein individuelles Theme-Design?
Du bekommst vorab einen Pauschalpreis, keine Abrechnung nach Aufwand. Die Höhe hängt davon ab, wie viele Seitentypen und Sonderfälle dazugehören. Nach dem Erstgespräch bekommst du eine belastbare Zahl.
Können wir das Design auch ohne euch umsetzen lassen?
Ja. Du bekommst die Figma-Dateien und das Designsystem und kannst damit arbeiten, wo du willst. Schöner ist es, wenn wir es selbst bauen, weil wir dann für das Ergebnis geradestehen.
Wie viele Korrekturrunden sind drin?
So viele, wie es braucht, bis der Entwurf passt. Wir arbeiten in Etappen, damit am Ende nicht alles wieder aufgerissen werden muss.
Geht das auch für einen bestehenden Shop?
Ja. Wir gestalten das Design neu und setzen es in deinem laufenden Shop um, Seitentyp für Seitentyp, ohne dass der Shop dafür offline muss.
Weiter
Das gehört oft dazu.
Kontakt
Erzähl uns von deinem Shop.
Ob neuer Shop, Relaunch, Migration oder Schnittstellen: Schreib uns kurz, worum es geht. Wir melden uns innerhalb eines Werktags.
VIERPUNKT GmbH, Greiters 350, 87764 Legau, 08330 912910