# Branding af webshop: se ud som et brand, ikke en varelinje

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

Hvis dine produkter kan købes i ti andre butikker, er brandet det eneste, der er dit. Her er, hvordan du bygger et i fem beslutninger, og hvordan du holder hver annonce og produktside inden for det.

## The short version

- Webshop-branding kommer ned på fem beslutninger: et navn og ordmærke, et farvesystem, en produktbaggrund, et skriftpar og en ensartet annoncestil.
- Butikker, der sælger de samme produkter som konkurrenterne, afhænger af branding mere end de fleste, fordi brandet er det eneste, en kunde ikke kan finde andre steder.
- Et lille farvesystem med én bundfarve, én accent og én neutral er lettere at holde konsekvent end en stor palet.
- At lægge hvert produkt på den samme baggrund er den hurtigste måde at få en butik til at ligne et brand frem for en samling leverandørfotos.
- Annoncer, produktbilleder og opslag på sociale medier bør dele de samme farver, skrifttyper og baggrund, så en kunde genkender butikken, uanset hvor de ser den.

**Webshop-branding** er det, der får en shopper til at stole nok på din butik til at købe og huske den nok til at komme tilbage. For de fleste butikker kommer det ned på fem beslutninger: et navn med et enkelt ordmærke, et lille farvesystem, én baggrund, som hvert produkt sidder på, et par skrifttyper og annoncer, der følger de samme regler. Butikker, der sælger produkter, som også fås andre steder, som dropshipping- og print-on-demand-butikker, har mest brug for det, fordi brandet er den eneste del, en konkurrent ikke kan kopiere fra den samme leverandør.

## Hvorfor webshops ligner varelinjer

En varelinje er et produkt med en pris. Et brand er et synspunkt om, hvem produktet er til for. Butikker ligner varelinjer, når de bruger leverandørens fotos på hvid, et gratis tema i standardfarverne, et logo lavet af et stockikon og annoncer, der skifter stil hver uge. Ingen af de valg er forkerte alene. Sammen siger de »her har ingen truffet beslutninger«, og shoppere lægger mærke til det, selv om de ikke kan forklare det.

### Ligner en varelinje

- Leverandørfotos på almindelig hvid
- Temaets blå standardknapper
- Et stockikon ved siden af butiksnavnet
- Hver annonce i en anden skabelon
- Produkttitler proppet med søgeord

### Ligner et brand

- Hvert produkt på én signaturbaggrund
- Knapper og links i din accentfarve
- Et rent ordmærke i en udvalgt skrifttype
- Annoncer, der deler ét layout og én bund
- Produktnavne, et menneske ville sige højt

## Trin 1: vælg butiksnavn og ordmærke

En ny butik har sjældent brug for et symbol. Et ordmærke, butiksnavnet sat godt i én skrifttype, er tydeligere, lettere at læse i favicon-størrelse og sværere at gøre forkert. Vælg en skrifttype med noget karakter, sæt navnet i den, justér afstanden mellem bogstaverne med øjemål, og stop dér. [Design af ordmærke](https://gradiently.design/da/guide/wordmark-design) gennemgår afstand og vægt; [det grundlæggende i logodesign](https://gradiently.design/da/guide/logo-design-basics) forklarer, hvornår et symbol er værd at tilføje senere.

## Trin 2: vælg brandfarver, du kan holde fast i

Store paletter falder fra hinanden inden for en måned. Tre roller er nok til en butik: en **bund**, som de fleste baggrunde bruger, en **accent** til knapper, priser og udsalgsmærker og en **neutral** til brødtekst. Vælg accenten med kontrast for øje, for den kommer til at sidde bag knaptekster. [Sådan vælger du brandfarver](https://gradiently.design/da/guide/how-to-choose-brand-colors) gennemgår ræsonnementet.

- Fyrregrøn bund: #1b2a24
- Havreneutral: #e9e2d4
- Lerrød accent: #d9773b
- Mosstøtte: #3f6b57
- Blæktekst: #14110f

En eksempelpalet til en boligbutik: en dyb bund, en varm neutral, én accent til knapper og mærker, en støttende grøn og næsten sort til tekst.

- Fyr til ler: `linear-gradient(160deg, #1b2a24 0%, #3f6b57 60%, #d9773b 100%)`
- Havrestudie: `radial-gradient(circle at 30% 20%, #f4efe6 0%, #e9e2d4 45%, #c9b99d 100%)`
- Varm havretoning: `linear-gradient(180deg, #e9e2d4 0%, #d9773b 140%)`

Den samme palet som baggrunde: en mørk hero, en blød studiebund til produktbilleder og en bleg toning til bannere. Kopiér dem frit.

## Trin 3: brug én baggrund til hvert produkt

Det er den beslutning, der ændrer en butik hurtigst. Læg hvert produkt, fotograferet eller frilagt, på den samme bund: et farvet papir, en blød gradient, en struktureret overflade. Produktgitteret ser straks kurateret ud, og dine billeder holder op med at ligne konkurrentens, der sælger den samme vare. Frilæg hvert produkt som en gennemsigtig PNG én gang, og placér det så på din bund. [Baggrunde til produktfotos](https://gradiently.design/da/guide/product-photo-backgrounds) viser muligheder til forskellige slags produkter.

| Billede | Størrelse | Baggrund |
| --- | --- | --- |
| Shopify-produktbillede | 2048×2048 px | Din studiebund, produktet centreret |
| Shopify-herobanner | 1920×1080 px | Din mørke eller dristige bund, én linje |
| Etsy-opslagsfoto | 2700×2025 px | Studiebund, produktet i brug |
| Instagram-opslag | 1080×1350 px | Samme bund som produktsiden |
| Story-annonce | 1080×1920 px | Samme bund, ordene i midten |

Størrelser fra hver platforms anbefalede uploads. Hold produktet i midten af kvadratiske billeder: temaer beskærer dem til gitre.

## Trin 4: vælg to skrifttyper

Én skrifttype til overskrifter og ordmærket, én til alt andet. En karakterfuld serif med en enkel sans-serif virker til de fleste butikker; to sans-serif-skrifter i meget forskellig vægt virker også. Brug det samme par på sitet, i annoncer og på pakkesedler. [Skriftparring](https://gradiently.design/da/guide/font-pairing) opregner kombinationer, der holder.

## Trin 5: lav annoncer, der passer til butikken

En shopper, der trykker på en annonce og lander på en side i andre farver, spekulerer på, om de er det rette sted. Annoncer bør bruge butikkens bund, skrifttype og accent, så klikket føles sammenhængende. Test forskellige produkter og overskrifter, ikke forskellige visuelle identiteter. [Design af Instagram-annoncer](https://gradiently.design/da/guide/instagram-ad-design) og [design af Facebook-annoncer](https://gradiently.design/da/guide/facebook-ad-design) gennemgår formaterne.

En annonce i højformat for sengetøj i hør på en varm gradient, med en enkelt fordel som overskrift

Feedannoncen: butikkens bund, overskriftsskrifttypen og én fordel.

Den samme annonce for sengetøj i hør lagt ud som lodret story med matchende gradient og skrifttype

Storyannoncen: de samme ord og samme bund, lagt ud til 9:16.

1. **Skriv reglerne ned** Én side: ordmærke, farver med hex-koder, skrifttyper, produktbaggrunden. En [brandstilguide](https://gradiently.design/da/guide/brand-style-guide) kan være så kort.
2. **Lav de ti bedste produkter om først** Dine bestsellere ses mest. Læg dem på den nye baggrund, før noget andet.
3. **Opdatér temaets farver** Knapper, links og udsalgsmærker i accenten; tekst i neutral.
4. **Genopbyg dine kørende annoncer** Samme produkter, nyt og ensartet udtryk. Udfas alt, der bryder reglerne.

brandkittet i Gradiently kan rumme de regler for dig: logoer, paletter, en overskrifts- og brødtekstskrifttype, din tone og målgruppe. Det kan læse din butiks hjemmeside for at udfylde navn, farve og ikon til at begynde med. Designs sidder på en Mark, en gradientbaggrund, som kun du kan eksportere med, når du har sikret dig den, så dine produktopslag og annoncer ikke kan ligne andres.

## FAQ

### Hvordan brander jeg en dropshipping-butik?

Byg et ordmærke, et farvesystem med tre farver og én produktbaggrund, og erstat så leverandørfotos med dine produkter på den baggrund. Hold annoncer i de samme farver og skrifttyper, så butikken ligner ét brand.

### Har en webshop brug for et logo?

Den har brug for et genkendeligt navnemærke. Et velsat ordmærke er som regel nok til en ny butik, og det læses bedre i små størrelser end et detaljeret symbol.

### Hvor mange brandfarver skal en webshop have?

Tre arbejdsroller dækker de fleste butikker: en bund, en accent til knapper og priser og en neutral til tekst. Én eller to støttenuancer er fine, hvis du bruger dem konsekvent.

### Hvilken baggrund skal produktfotos have?

Den samme til hvert produkt. En ensartet farvet eller struktureret bund får et katalog til at se kurateret ud og adskiller dine billeder fra andre sælgere af den samme vare.