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

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.

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 gennemgår afstand og vægt; det grundlæggende i logodesign 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 gennemgår ræsonnementet.

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 viser muligheder til forskellige slags produkter.

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 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 og design af Facebook-annoncer gennemgår formaterne.

1. 1

   Skriv reglerne ned

   Én side: ordmærke, farver med hex-koder, skrifttyper, produktbaggrunden. En brandstilguide kan være så kort.

2. 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. 3

   Opdatér temaets farver

   Knapper, links og udsalgsmærker i accenten; tekst i neutral.

4. 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.