# Branding voor je webshop: een merk, geen productlijst

[Canonical HTML page](https://gradiently.design/nl/guide/dropshipping-store-branding)

Als je producten bij tien andere winkels te koop zijn, is het merk het enige dat van jou is. Zo bouw je er een in vijf beslissingen en houd je elke advertentie en productpagina erbinnen.

## The short version

- Branding voor een webshop komt neer op vijf beslissingen: een naam en woordmerk, een kleursysteem, een productachtergrond, een lettercombinatie en een consistente advertentiestijl.
- Winkels die dezelfde producten verkopen als concurrenten zijn meer afhankelijk van branding dan de meeste, omdat het merk het enige is wat een klant nergens anders kan vinden.
- Een klein kleursysteem van één ondergrondkleur, één accent en één neutrale tint is makkelijker consistent te houden dan een groot palet.
- Elk product op dezelfde achtergrond zetten is de snelste manier om een winkel op een merk te laten lijken in plaats van op een verzameling leveranciersfoto’s.
- Advertenties, productafbeeldingen en socialmediaposts moeten dezelfde kleuren, letters en achtergrond delen zodat een klant de winkel herkent waar hij hem ook ziet.

**Branding voor een webshop** is wat een shopper genoeg laat vertrouwen om te kopen en je winkel genoeg laat onthouden om terug te komen. Voor de meeste winkels komt het neer op vijf beslissingen: een naam met een eenvoudig woordmerk, een klein kleursysteem, één achtergrond waarop elk product staat, een paar lettertypen en advertenties die dezelfde regels volgen. Winkels die producten verkopen die ook elders te krijgen zijn, zoals dropshipping- en print-on-demandwinkels, hebben dit het meest nodig, omdat het merk het enige is wat een concurrent niet bij dezelfde leverancier kan kopiëren.

## Waarom webshops op productlijsten lijken

Een productlijst is een product met een prijs. Een merk is een standpunt over voor wie het product is. Winkels lijken op productlijsten als ze de foto’s van de leverancier op wit gebruiken, een gratis thema in de standaardkleuren, een logo van een stockicoon en advertenties die elke week van stijl wisselen. Geen van die keuzes is op zichzelf fout. Samen zeggen ze “hier zijn geen beslissingen genomen”, en shoppers merken dat, ook al kunnen ze het niet uitleggen.

### Lijkt op een productlijst

- Leveranciersfoto’s op effen wit
- Standaard blauwe knoppen van het thema
- Een stockicoon naast de winkelnaam
- Elke advertentie in een ander sjabloon
- Producttitels volgepropt met zoekwoorden

### Lijkt op een merk

- Elk product op één kenmerkende achtergrond
- Knoppen en links in je accentkleur
- Een strak woordmerk in een gekozen lettertype
- Advertenties met één opmaak en ondergrond
- Productnamen die een mens hardop zou zeggen

## Stap 1: kies een winkelnaam en woordmerk

Een nieuwe winkel heeft zelden een symbool nodig. Een woordmerk, de winkelnaam goed gezet in één lettertype, is duidelijker, leest makkelijker op favicon-formaat en is moeilijker fout te doen. Kies een lettertype met karakter, zet de naam erin, pas de ruimte tussen de letters op het oog aan en stop daar. [Woordmerken ontwerpen](https://gradiently.design/nl/guide/wordmark-design) behandelt spatiëring en gewicht; [basis van logo-ontwerp](https://gradiently.design/nl/guide/logo-design-basics) legt uit wanneer een symbool later de moeite waard is.

## Stap 2: kies merkkleuren die je kunt volhouden

Grote paletten vallen binnen een maand uit elkaar. Drie rollen zijn genoeg voor een winkel: een **ondergrond** die de meeste achtergronden gebruiken, een **accent** voor knoppen, prijzen en kortingsbadges en een **neutrale tint** voor lopende tekst. Kies het accent met contrast in gedachten, want het komt achter knoplabels te staan. [Merkkleuren kiezen](https://gradiently.design/nl/guide/how-to-choose-brand-colors) loopt de redenering door.

- Dennenondergrond: #1b2a24
- Haverneutraal: #e9e2d4
- Kleiaccent: #d9773b
- Mosondersteuning: #3f6b57
- Inktkleurige tekst: #14110f

Een voorbeeldpalet voor een woonwinkel: een diepe ondergrond, een warme neutrale tint, één accent voor knoppen en badges, een ondersteunend groen en bijna-zwart voor tekst.

- Den naar klei: `linear-gradient(160deg, #1b2a24 0%, #3f6b57 60%, #d9773b 100%)`
- Havenstudio: `radial-gradient(circle at 30% 20%, #f4efe6 0%, #e9e2d4 45%, #c9b99d 100%)`
- Warme havenuitloop: `linear-gradient(180deg, #e9e2d4 0%, #d9773b 140%)`

Hetzelfde palet als achtergronden: een donkere hero, een zachte studioondergrond voor productfoto’s en een bleke uitloop voor banners. Kopieer er gerust een.

## Stap 3: gebruik één achtergrond voor elk product

Dit is de beslissing die een winkel het snelst verandert. Zet elk product, gefotografeerd of uitgeknipt, op dezelfde ondergrond: gekleurd papier, een zacht verloop, een getextureerd oppervlak. Het productraster ziet er meteen samengesteld uit en je beelden lijken niet meer op die van de concurrent die hetzelfde artikel verkoopt. Knip elk product één keer uit als transparante PNG en plaats het dan op je ondergrond. [Achtergronden voor productfoto’s](https://gradiently.design/nl/guide/product-photo-backgrounds) toont opties voor verschillende soorten producten.

| Afbeelding | Formaat | Achtergrond |
| --- | --- | --- |
| Shopify-productafbeelding | 2048×2048 px | Je studioondergrond, product gecentreerd |
| Shopify-herobanner | 1920×1080 px | Je donkere of gedurfde ondergrond, één regel |
| Etsy-advertentiefoto | 2700×2025 px | Studioondergrond, product in gebruik |
| Instagrampost | 1080×1350 px | Dezelfde ondergrond als de productpagina |
| Storyadvertentie | 1080×1920 px | Dezelfde ondergrond, woorden in het midden |

Formaten uit de aanbevolen uploads van elk platform. Houd het product in het midden van vierkante afbeeldingen: thema’s snijden ze bij voor rasters.

## Stap 4: kies twee lettertypen

Eén lettertype voor koppen en het woordmerk, één voor al het andere. Een karaktervolle serif met een gewone schreefloze werkt voor de meeste winkels; twee schreefloze lettertypen van sterk verschillend gewicht werkt ook. Gebruik hetzelfde paar op de site, in advertenties en op inlegvellen in pakketjes. [Lettercombinaties](https://gradiently.design/nl/guide/font-pairing) somt combinaties op die standhouden.

## Stap 5: maak advertenties die bij de winkel passen

Een shopper die op een advertentie tikt en op een pagina in andere kleuren belandt, vraagt zich af of hij wel goed zit. Advertenties moeten de ondergrond, letters en het accent van de winkel gebruiken zodat de klik vloeiend voelt. Test verschillende producten en koppen, niet verschillende visuele identiteiten. [Ontwerp van Instagramadvertenties](https://gradiently.design/nl/guide/instagram-ad-design) en [ontwerp van Facebookadvertenties](https://gradiently.design/nl/guide/facebook-ad-design) behandelen de formaten.

Een staande advertentie voor linnen beddengoed op een warm verloop, met één kop over een voordeel

De feedadvertentie: de ondergrond van de winkel, het lettertype voor koppen en één voordeel.

Dezelfde advertentie voor linnen beddengoed opgemaakt als verticale story met bijpassend verloop en lettertype

De storyadvertentie: dezelfde woorden en ondergrond, opgemaakt voor 9:16.

1. **Schrijf de regels op** Eén pagina: woordmerk, kleuren met hexcodes, lettertypen, de productachtergrond. Een [merkstijlgids](https://gradiently.design/nl/guide/brand-style-guide) mag zo kort zijn.
2. **Doe eerst de tien beste producten opnieuw** Je bestsellers worden het meest gezien. Zet ze als eerste op de nieuwe achtergrond.
3. **Werk de themakleuren bij** Knoppen, links en kortingsbadges in het accent; tekst in de neutrale tint.
4. **Bouw je lopende advertenties opnieuw op** Dezelfde producten, nieuwe consistente look. Haal alles weg wat de regels breekt.

De merkkit van Gradiently kan deze regels voor je bewaren: logo’s, paletten, een kop- en een broodlettertype, je toon en doelgroep. Hij kan de website van je winkel lezen om de naam, kleur en het icoon als start in te vullen. Ontwerpen staan op een Mark, een verloopachtergrond waarmee alleen jij kunt exporteren zodra je hem claimt, zodat je productposts en advertenties nooit gelijk kunnen zijn aan die van een ander.

## FAQ

### Hoe brand ik een dropshippingwinkel?

Bouw een woordmerk, een kleursysteem van drie kleuren en één productachtergrond en vervang dan leveranciersfoto’s door je producten op die achtergrond. Houd advertenties in dezelfde kleuren en letters zodat de winkel als één merk oogt.

### Heeft een webshop een logo nodig?

Hij heeft een herkenbaar naamteken nodig. Een goed gezet woordmerk is voor een nieuwe winkel meestal genoeg en leest op kleine formaten beter dan een gedetailleerd symbool.

### Hoeveel merkkleuren moet een webshop hebben?

Drie werkende rollen dekken de meeste winkels: een ondergrond, een accent voor knoppen en prijzen en een neutrale tint voor tekst. Een of twee ondersteunende tinten zijn prima als je ze consistent gebruikt.

### Welke achtergrond moeten productfoto’s hebben?

Dezelfde voor elk product. Een consistente gekleurde of getextureerde ondergrond laat een assortiment samengesteld ogen en onderscheidt je beelden van andere verkopers van hetzelfde artikel.