# Nätbutiksbranding: se ut som ett varumärke, inte en annons [Canonical HTML page](https://gradiently.design/sv/guide/dropshipping-store-branding) Om dina produkter går att köpa i tio andra butiker är varumärket det enda som är ditt. Så bygger du ett i fem beslut och håller varje annons och produktsida inom det. ## The short version - Branding för nätbutiker handlar om fem beslut: ett namn och ordmärke, ett färgsystem, en produktbakgrund, ett typsnittspar och en enhetlig annonsstil. - Butiker som säljer samma produkter som konkurrenterna är mer beroende av branding än de flesta, eftersom varumärket är det enda en kund inte kan hitta någon annanstans. - Ett litet färgsystem med en grundfärg, en accent och en neutral är lättare att hålla enhetligt än en stor palett. - Att lägga varje produkt på samma bakgrund är det snabbaste sättet att få en butik att se ut som ett varumärke i stället för en samling leverantörsbilder. - Annonser, produktbilder och inlägg i sociala medier bör dela samma färger, typsnitt och bakgrund så att en kund känner igen butiken var den än syns. **Branding för nätbutiker** är det som får en kund att lita på din butik nog att handla, och minnas den nog att komma tillbaka. För de flesta butiker handlar det om fem beslut: ett namn med ett enkelt ordmärke, ett litet färgsystem, en bakgrund som varje produkt ligger på, ett par typsnitt och annonser som följer samma regler. Butiker som säljer produkter som finns att få på andra håll, som dropshipping och print on demand, behöver det här mest, eftersom varumärket är den enda del en konkurrent inte kan kopiera från samma leverantör. ## Varför nätbutiker ser ut som annonser En annons är en produkt med ett pris. Ett varumärke är en ståndpunkt om vem produkten är till för. Butiker ser ut som annonser när de använder leverantörens bilder på vitt, ett gratistema i standardfärger, en logotyp gjord av en stockikon och annonser som byter stil varje vecka. Inget av de valen är fel för sig. Tillsammans säger de ”ingen har fattat några beslut här”, och kunder märker det även om de inte kan förklara det. ### Ser ut som en annons - Leverantörsbilder på vitt - Temats blå standardknappar - En stockikon bredvid butiksnamnet - Varje annons i en egen mall - Produkttitlar fulla av sökord ### Ser ut som ett varumärke - Varje produkt på en signaturbakgrund - Knappar och länkar i din accentfärg - Ett rent ordmärke i ett valt typsnitt - Annonser som delar en layout och botten - Produktnamn som en människa skulle säga högt ## Steg 1: välj butiksnamn och ordmärke En ny butik behöver sällan en symbol. Ett ordmärke, butiksnamnet väl satt i ett typsnitt, är tydligare, lättare att läsa i favicon-storlek och svårare att göra fel. Välj ett typsnitt med karaktär, sätt namnet i det, justera avståndet mellan bokstäverna efter ögat och stanna där. [Ordmärkesdesign](https://gradiently.design/sv/guide/wordmark-design) går igenom avstånd och vikt, och [grunder i logotypdesign](https://gradiently.design/sv/guide/logo-design-basics) förklarar när en symbol är värd att lägga till senare. ## Steg 2: välj varumärkesfärger du kan hålla fast vid Stora paletter faller isär inom en månad. Tre roller räcker för en butik: en **botten** som de flesta bakgrunder använder, en **accent** för knappar, priser och rea-märken, och en **neutral** för brödtext. Välj accenten med kontrast i åtanke, eftersom den kommer att ligga bakom knapptexter. [Så väljer du varumärkesfärger](https://gradiently.design/sv/guide/how-to-choose-brand-colors) går igenom resonemanget. - Tallbotten: #1b2a24 - Havreneutral: #e9e2d4 - Leraccent: #d9773b - Mossstöd: #3f6b57 - Bläcktext: #14110f En exempelpalett för en butik med heminredning: en djup botten, en varm neutral, en accent för knappar och märken, ett stödjande grönt och nästan svart för text. - Tall till ler: `linear-gradient(160deg, #1b2a24 0%, #3f6b57 60%, #d9773b 100%)` - Havrestudio: `radial-gradient(circle at 30% 20%, #f4efe6 0%, #e9e2d4 45%, #c9b99d 100%)` - Varm havregradient: `linear-gradient(180deg, #e9e2d4 0%, #d9773b 140%)` Samma palett som bakgrunder: en mörk hero, en mjuk studiobotten för produktbilder och en blek gradient för bannrar. Kopiera vilken du vill. ## Steg 3: använd en bakgrund för varje produkt Det här är beslutet som förändrar en butik snabbast. Lägg varje produkt, fotad eller frilagd, på samma botten: ett färgat papper, en mjuk gradient, en strukturerad yta. Produktrutnätet ser genast kurerat ut, och dina bilder slutar matcha konkurrenten som säljer samma vara. Frilägg varje produkt som en genomskinlig PNG en gång och placera den sedan på din botten. [Bakgrunder för produktfoton](https://gradiently.design/sv/guide/product-photo-backgrounds) visar alternativ för olika sorters produkter. | Bild | Storlek | Bakgrund | | --- | --- | --- | | Produktbild i Shopify | 2048×2048 px | Din studiobotten, produkten centrerad | | Herobanner i Shopify | 1920×1080 px | Din mörka eller djärva botten, en rad | | Produktfoto på Etsy | 2700×2025 px | Studiobotten, produkten i bruk | | Instagraminlägg | 1080×1350 px | Samma botten som på produktsidan | | Storyannons | 1080×1920 px | Samma botten, orden i mitten | Storlekar enligt varje plattforms rekommenderade uppladdningar. Håll produkten i mitten av kvadratiska bilder, eftersom teman beskär dem i rutnät. ## Steg 4: välj två typsnitt Ett typsnitt för rubriker och ordmärket, ett för allt annat. En serif med karaktär och en enkel sans fungerar för de flesta butiker, och två sans-typsnitt med mycket olika vikt fungerar också. Använd samma par på sajten, i annonser och i paketinlägg. [Typsnittspar](https://gradiently.design/sv/guide/font-pairing) listar kombinationer som håller. ## Steg 5: gör annonser som matchar butiken En kund som trycker på en annons och landar på en sida i andra färger undrar om hen är på rätt ställe. Annonser bör använda butikens botten, typsnitt och accent så att klicket känns obrutet. Testa olika produkter och rubriker, inte olika visuella identiteter. [Design av Instagramannonser](https://gradiently.design/sv/guide/instagram-ad-design) och [design av Facebook-annonser](https://gradiently.design/sv/guide/facebook-ad-design) går igenom formaten. En stående annons för sängkläder i linne på en varm gradient, med en enda rubrik om en fördel Flödesannonsen: butikens botten, rubriktypsnittet och en fördel. Samma annons för sängkläder i linne upplagd som en stående story med matchande gradient och typsnitt Storyannonsen: samma ord och botten, upplagda för 9:16. 1. **Skriv ner reglerna** En sida: ordmärke, färger med hex-koder, typsnitt och produktbakgrunden. En [varumärkesguide](https://gradiently.design/sv/guide/brand-style-guide) kan vara så kort. 2. **Gör om de tio främsta produkterna först** Dina storsäljare ses mest. Lägg dem på den nya bakgrunden före allt annat. 3. **Uppdatera temats färger** Knappar, länkar och rea-märken i accenten, text i neutralen. 4. **Bygg om dina pågående annonser** Samma produkter, ny enhetlig look. Avveckla allt som bryter mot reglerna. Gradiently varumärkeskit kan hålla de här reglerna åt dig: logotyper, paletter, ett rubrik- och ett brödtypsnitt, din röst och din målgrupp. Det kan läsa din butiks webbplats för att fylla i namn, färg och ikon till att börja med. Dina designer ligger på en Mark, en gradientbakgrund som bara du kan exportera med när du har säkrat den, så dina produktinlägg och annonser kan inte matcha någon annans. ## FAQ ### Hur brandar jag en dropshippingbutik? Bygg ett ordmärke, ett färgsystem med tre färger och en enda produktbakgrund, och byt sedan ut leverantörsbilder mot dina produkter på den bakgrunden. Håll annonserna i samma färger och typsnitt så att butiken ser ut som ett varumärke. ### Behöver en nätbutik en logotyp? Den behöver ett igenkännbart namnmärke. Ett väl satt ordmärke räcker oftast för en ny butik, och det läses bättre i små storlekar än en detaljerad symbol. ### Hur många varumärkesfärger ska en nätbutik ha? Tre arbetsroller täcker de flesta butiker: en botten, en accent för knappar och priser och en neutral för text. En eller två stödnyanser går bra om du använder dem konsekvent. ### Vilken bakgrund ska produktfoton ha? Samma för varje produkt. En enhetlig färgad eller strukturerad botten får en katalog att se kurerad ut och skiljer dina bilder från andra säljare av samma vara.