# Onlineshop-Branding: Marke statt Produktliste [Canonical HTML page](https://gradiently.design/de/guide/dropshipping-store-branding) Wenn man deine Produkte auch in zehn anderen Shops kaufen kann, ist die Marke das Einzige, was dir gehört. So baust du sie in fünf Entscheidungen und hältst jede Anzeige und Produktseite darin. ## The short version - Onlineshop-Branding läuft auf fünf Entscheidungen hinaus: Name und Wortmarke, ein Farbsystem, ein Produkthintergrund, ein Schriftpaar und ein einheitlicher Anzeigenstil. - Shops, die dieselben Produkte wie Konkurrenten verkaufen, hängen stärker am Branding als die meisten, denn die Marke ist das Einzige, was ein Kunde nirgends sonst findet. - Ein kleines Farbsystem aus einer Grundfarbe, einem Akzent und einem Neutralton lässt sich leichter einheitlich halten als eine große Palette. - Jedes Produkt auf denselben Hintergrund zu setzen, ist der schnellste Weg, einen Shop wie eine Marke statt wie eine Sammlung von Lieferantenfotos aussehen zu lassen. - Anzeigen, Produktbilder und Social-Posts sollten dieselben Farben, Schriften und denselben Hintergrund teilen, damit ein Kunde den Shop überall wiedererkennt. **Onlineshop-Branding** sorgt dafür, dass ein Kunde deinem Shop genug vertraut, um zu kaufen, und ihn sich genug merkt, um wiederzukommen. Bei den meisten Shops läuft es auf fünf Entscheidungen hinaus: ein Name mit einfacher Wortmarke, ein kleines Farbsystem, ein Hintergrund, auf dem jedes Produkt steht, ein Paar Schriften und Anzeigen, die denselben Regeln folgen. Shops, die Produkte verkaufen, die es auch anderswo gibt, etwa Dropshipping- und Print-on-Demand-Shops, brauchen das am meisten, denn die Marke ist der einzige Teil, den ein Konkurrent vom selben Lieferanten nicht kopieren kann. ## Warum Onlineshops wie Produktlisten aussehen Eine Produktliste ist ein Produkt mit einem Preis. Eine Marke ist eine Haltung dazu, für wen das Produkt gedacht ist. Shops wirken wie Produktlisten, wenn sie Lieferantenfotos auf Weiß, ein kostenloses Theme in Standardfarben, ein Logo aus einem Stock-Symbol und Anzeigen mit wöchentlich wechselndem Stil nutzen. Keine dieser Entscheidungen ist allein falsch. Zusammen sagen sie „hier hat niemand entschieden“, und Kunden merken das, auch wenn sie es nicht erklären könnten. ### Wirkt wie eine Produktliste - Lieferantenfotos auf schlichtem Weiß - Blaue Standard-Buttons des Themes - Ein Stock-Symbol neben dem Shopnamen - Jede Anzeige in einer anderen Vorlage - Produkttitel voller Keywords ### Wirkt wie eine Marke - Jedes Produkt auf einem Signatur-Hintergrund - Buttons und Links in deiner Akzentfarbe - Eine saubere Wortmarke in einer gewählten Schrift - Anzeigen mit einem Layout und einem Grund - Produktnamen, die ein Mensch laut sagen würde ## Schritt 1: Shopname und Wortmarke wählen Ein neuer Shop braucht selten ein Symbol. Eine Wortmarke, der gut gesetzte Shopname in einer Schrift, ist klarer, in Favicon-Größe leichter lesbar und schwerer falsch zu machen. Wähle eine Schrift mit Charakter, setze den Namen darin, passe den Buchstabenabstand nach Augenmaß an und höre dort auf. [Wortmarke gestalten](https://gradiently.design/de/guide/wordmark-design) behandelt Abstand und Schnitt; [Grundlagen des Logodesigns](https://gradiently.design/de/guide/logo-design-basics) erklärt, wann sich ein Symbol später lohnt. ## Schritt 2: Markenfarben wählen, die du halten kannst Große Paletten zerfallen binnen eines Monats. Drei Rollen reichen für einen Shop: ein **Grund**, den die meisten Hintergründe nutzen, ein **Akzent** für Buttons, Preise und Sale-Badges und ein **Neutralton** für Fließtext. Wähle den Akzent mit Blick auf Kontrast, denn er liegt hinter Button-Beschriftungen. [Markenfarben wählen](https://gradiently.design/de/guide/how-to-choose-brand-colors) geht die Überlegungen durch. - Kiefern-Grund: #1b2a24 - Hafer-Neutral: #e9e2d4 - Ton-Akzent: #d9773b - Moos-Ergänzung: #3f6b57 - Tinten-Text: #14110f Eine Beispielpalette für einen Wohnaccessoire-Shop: ein tiefer Grund, ein warmer Neutralton, ein Akzent für Buttons und Badges, ein ergänzendes Grün und Fast-Schwarz für Text. - Kiefer zu Ton: `linear-gradient(160deg, #1b2a24 0%, #3f6b57 60%, #d9773b 100%)` - Hafer-Studio: `radial-gradient(circle at 30% 20%, #f4efe6 0%, #e9e2d4 45%, #c9b99d 100%)` - Warmer Hafer-Verlauf: `linear-gradient(180deg, #e9e2d4 0%, #d9773b 140%)` Dieselbe Palette als Hintergründe: ein dunkles Hero-Bild, ein weicher Studiogrund für Produktfotos und ein heller Verlauf für Banner. Kopiere jeden davon. ## Schritt 3: einen Hintergrund für jedes Produkt nutzen Das ist die Entscheidung, die einen Shop am schnellsten verändert. Stelle jedes Produkt, fotografiert oder freigestellt, auf denselben Grund: farbiges Papier, ein weicher Verlauf, eine strukturierte Fläche. Das Produktraster wirkt sofort kuratiert, und deine Bilder gleichen nicht mehr denen des Konkurrenten, der denselben Artikel verkauft. Stelle jedes Produkt einmal als transparente PNG frei und setze es dann auf deinen Grund. [Hintergründe für Produktfotos](https://gradiently.design/de/guide/product-photo-backgrounds) zeigt Optionen für verschiedene Produktarten. | Bild | Größe | Hintergrund | | --- | --- | --- | | Shopify-Produktbild | 2048×2048 px | Dein Studiogrund, Produkt zentriert | | Shopify-Hero-Banner | 1920×1080 px | Dein dunkler oder kräftiger Grund, eine Zeile | | Etsy-Angebotsfoto | 2700×2025 px | Studiogrund, Produkt im Einsatz | | Instagram-Post | 1080×1350 px | Derselbe Grund wie auf der Produktseite | | Story-Anzeige | 1080×1920 px | Derselbe Grund, Worte in der Mitte | Größen nach den empfohlenen Uploads jeder Plattform. Halte das Produkt bei quadratischen Bildern in der Mitte: Themes beschneiden sie für Raster. ## Schritt 4: zwei Schriften wählen Eine Schrift für Überschriften und die Wortmarke, eine für alles andere. Eine charaktervolle Serife mit einer schlichten Serifenlosen funktioniert für die meisten Shops; zwei Serifenlose in sehr unterschiedlichen Schnitten funktionieren auch. Nutze dasselbe Paar auf der Website, in Anzeigen und in Paketbeilagen. [Schriften kombinieren](https://gradiently.design/de/guide/font-pairing) nennt Kombinationen, die tragen. ## Schritt 5: Anzeigen passend zum Shop machen Wer eine Anzeige antippt und auf einer Seite in anderen Farben landet, fragt sich, ob er richtig ist. Anzeigen sollten Grund, Schrift und Akzent des Shops nutzen, damit sich der Klick nahtlos anfühlt. Teste verschiedene Produkte und Überschriften, nicht verschiedene visuelle Identitäten. [Instagram-Anzeigen gestalten](https://gradiently.design/de/guide/instagram-ad-design) und [Facebook-Anzeigen gestalten](https://gradiently.design/de/guide/facebook-ad-design) behandeln die Formate. Eine Anzeige im Hochformat für Leinenbettwäsche auf warmem Verlauf, mit einer einzigen Vorteilsüberschrift Die Feed-Anzeige: der Grund des Shops, die Überschriftschrift und ein Vorteil. Dieselbe Anzeige für Leinenbettwäsche als vertikale Story mit passendem Verlauf und passender Schrift Die Story-Anzeige: dieselben Worte und derselbe Grund, für 9:16 gesetzt. 1. **Schreibe die Regeln auf** Eine Seite: Wortmarke, Farben mit Hex-Codes, Schriften, der Produkthintergrund. Ein [Marken-Styleguide](https://gradiently.design/de/guide/brand-style-guide) kann so kurz sein. 2. **Beginne mit den zehn wichtigsten Produkten** Deine Bestseller werden am meisten gesehen. Setze sie vor allem anderen auf den neuen Hintergrund. 3. **Aktualisiere die Theme-Farben** Buttons, Links und Sale-Badges im Akzent; Text im Neutralton. 4. **Baue laufende Anzeigen neu** Dieselben Produkte, neuer einheitlicher Look. Nimm alles raus, was die Regeln bricht. Das Markenkit von Gradiently kann diese Regeln für dich halten: Logos, Paletten, eine Überschrift- und eine Fließtextschrift, deine Tonalität und Zielgruppe. Es kann die Website deines Shops lesen, um Name, Farbe und Symbol zum Start zu übernehmen. Designs liegen auf einem Mark, einem Verlaufshintergrund, mit dem nur du exportieren kannst, sobald du ihn sicherst, sodass deine Produktposts und Anzeigen zu niemand anderem passen. ## FAQ ### Wie brande ich einen Dropshipping-Shop? Baue eine Wortmarke, ein Drei-Farben-System und einen einzigen Produkthintergrund, dann ersetze Lieferantenfotos durch deine Produkte auf diesem Hintergrund. Halte Anzeigen in denselben Farben und Schriften, damit der Shop wie eine Marke wirkt. ### Braucht ein Onlineshop ein Logo? Er braucht ein wiedererkennbares Namenszeichen. Eine gut gesetzte Wortmarke genügt für einen neuen Shop meist, und sie liest sich in kleinen Größen besser als ein detailliertes Symbol. ### Wie viele Markenfarben sollte ein Onlineshop haben? Drei Arbeitsrollen decken die meisten Shops ab: ein Grund, ein Akzent für Buttons und Preise und ein Neutralton für Text. Ein oder zwei Ergänzungstöne sind in Ordnung, wenn du sie konsequent nutzt. ### Welchen Hintergrund sollten Produktfotos haben? Für jedes Produkt denselben. Ein einheitlicher farbiger oder strukturierter Grund lässt einen Katalog kuratiert wirken und hebt deine Bilder von anderen Verkäufern desselben Artikels ab.