# Verkkokaupan brändäys: erotu tuotelistauksista [Canonical HTML page](https://gradiently.design/fi/guide/dropshipping-store-branding) Jos samoja tuotteita saa kymmenestä muusta kaupasta, vain brändi on omasi. Näin rakennat sen viidellä valinnalla ja pidät mainokset sekä tuotesivut yhtenäisinä. ## The short version - Verkkokaupan brändäys perustuu viiteen valintaan: nimi ja tekstilogo, värijärjestelmä, tuotetausta, fonttipari ja yhtenäinen mainostyyli. - Kilpailijoiden kanssa samoja tuotteita myyvä kauppa tarvitsee brändiä erityisen paljon, koska asiakas ei löydä sitä muualta. - Pohjavärin, korostuksen ja neutraalin muodostama pieni värijärjestelmä on helpompi pitää yhtenäisenä kuin suuri paletti. - Kaikkien tuotteiden asettaminen samalle taustalle muuttaa kaupan nopeimmin brändiksi toimittajakuvien kokoelman sijaan. - Mainosten, tuotekuvien ja somejulkaisujen tulisi jakaa värit, fontit ja tausta, jotta asiakas tunnistaa kaupan kaikkialla. **Verkkokaupan brändäys** saa asiakkaan luottamaan kauppaasi riittävästi ostaakseen ja muistamaan sen palatakseen. Useimmille kaupoille riittää viisi päätöstä: nimi yksinkertaisella tekstilogolla, pieni värijärjestelmä, yksi tausta kaikille tuotteille, fonttipari ja samoja sääntöjä seuraavat mainokset. Muuallakin saatavia tuotteita myyvät dropshipping- ja tilauspainokaupat tarvitsevat tätä eniten. Brändi on ainoa osa, jota kilpailija ei voi kopioida samalta toimittajalta. ## Miksi verkkokauppa näyttää tuotelistaukselta Tuotelistaus on tuote ja hinta. Brändi on näkemys siitä, kenelle tuote kuuluu. Kauppa näyttää listaukselta, kun siinä on toimittajan valkopohjaiset kuvat, ilmaisteeman oletusvärit, kuvapankkikuvakkeesta tehty logo ja viikoittain tyyliä vaihtavat mainokset. Yksittäin valinnat eivät ole vääriä. Yhdessä ne sanovat ”täällä ei tehty päätöksiä”, ja asiakas huomaa sen vaikkei osaisi selittää. ### Näyttää listaukselta - Toimittajakuvat valkoisella - Teeman siniset oletuspainikkeet - Kuvapankkikuvake kaupan nimen vieressä - Jokainen mainos eri pohjalla - Avainsanoilla täytetyt tuotenimet ### Näyttää brändiltä - Jokainen tuote samalla tunnusomaisella taustalla - Painikkeet ja linkit korostusvärillä - Selkeä tekstilogo valitulla fontilla - Mainoksissa yhteinen asettelu ja pohja - Tuotenimet, jotka ihminen sanoisi ääneen ## Vaihe 1: valitse kaupan nimi ja tekstilogo Uusi kauppa tarvitsee harvoin symbolia. Hyvin aseteltu nimi yhdellä fontilla on selkeämpi, helpompi lukea favicon-koossa ja vaikeampi tehdä väärin. Valitse luonteikas fontti, aseta nimi sillä, säädä kirjainvälit silmällä ja lopeta siihen. [Tekstilogon suunnittelu](https://gradiently.design/fi/guide/wordmark-design) kattaa välit ja paksuuden. [Logosuunnittelun perusteet](https://gradiently.design/fi/guide/logo-design-basics) kertoo, milloin symboli kannattaa lisätä myöhemmin. ## Vaihe 2: valitse värit, joissa voit pysyä Suuri paletti hajoaa kuukaudessa. Kolme roolia riittää: **pohja** useimpiin taustoihin, **korostus** painikkeisiin, hintoihin ja tarjousmerkkeihin sekä **neutraali** leipätekstiin. Valitse korostus kontrasti mielessä, sillä sen päällä on painiketeksti. [Brändivärien valitseminen](https://gradiently.design/fi/guide/how-to-choose-brand-colors) käy perustelut läpi. - Mäntypohja: #1b2a24 - Kauraneutraali: #e9e2d4 - Savikorostus: #d9773b - Sammaltuki: #3f6b57 - Musteteksti: #14110f Kodintuotekaupan esimerkkipaletti: syvä pohja, lämmin neutraali, yksi korostus painikkeille ja merkeille, tukivihreä ja lähes musta tekstille. - Männystä saveen: `linear-gradient(160deg, #1b2a24 0%, #3f6b57 60%, #d9773b 100%)` - Kaurastudio: `radial-gradient(circle at 30% 20%, #f4efe6 0%, #e9e2d4 45%, #c9b99d 100%)` - Lämmin kaurahäivytys: `linear-gradient(180deg, #e9e2d4 0%, #d9773b 140%)` Sama paletti taustoina: tumma hero, pehmeä studiopohja tuotekuville ja vaalea häivytys bannereille. Kopioi mikä tahansa. ## Vaihe 3: yksi tausta jokaiselle tuotteelle Tämä päätös muuttaa kaupan nopeimmin. Aseta jokainen kuvattu tai irrotettu tuote samalle pohjalle: väripaperille, pehmeälle liukuvärille tai tekstuuripinnalle. Tuoteruudukko näyttää heti harkitulta, eivätkä kuvat vastaa samaa tuotetta myyvän kilpailijan kuvia. Irrota tuote kerran läpinäkyväksi PNG:ksi ja aseta pohjallesi. [Tuotekuvien taustat](https://gradiently.design/fi/guide/product-photo-backgrounds) näyttää vaihtoehtoja eri tuotteille. | Kuva | Koko | Tausta | | --- | --- | --- | | Shopify-tuotekuva | 2048×2048 px | Oma studiopohja, tuote keskellä | | Shopify-hero-banneri | 1920×1080 px | Oma tumma tai voimakas pohja, yksi rivi | | Etsy-tuotekuva | 2700×2025 px | Studiopohja, tuote käytössä | | Instagram-julkaisu | 1080×1350 px | Sama pohja kuin tuotesivulla | | Tarinamainos | 1080×1920 px | Sama pohja, sanat keskellä | Koot perustuvat alustojen suosituksiin. Pidä tuote neliökuvien keskellä, sillä teemat rajaavat niitä ruudukkoon. ## Vaihe 4: valitse kaksi fonttia Yksi fontti otsikoille ja tekstilogolle, toinen kaikelle muulle. Luonteikas päätteellinen ja selkeä päätteetön toimivat useimmissa kaupoissa. Myös kaksi hyvin eripaksuista päätteetöntä toimii. Käytä samaa paria sivustolla, mainoksissa ja pakkausten liitteissä. [Fonttien yhdistäminen](https://gradiently.design/fi/guide/font-pairing) listaa kestäviä pareja. ## Vaihe 5: tee kauppaan sopivat mainokset Mainosta napauttava asiakas ihmettelee eri väriselle sivulle päätyessään, onko oikeassa paikassa. Mainosten pohjan, fonttien ja korostuksen pitää olla samat, jotta siirtymä tuntuu jatkuvalta. Testaa eri tuotteita ja otsikoita, älä eri identiteettejä. [Instagram-mainoksen suunnittelu](https://gradiently.design/fi/guide/instagram-ad-design) ja [Facebook-mainoksen suunnittelu](https://gradiently.design/fi/guide/facebook-ad-design) käsittelevät muodot. Pellavavuodevaatteiden pysty mainos lämpimällä liukuvärillä ja yhdellä hyötyotsikolla Syötemainos: kaupan pohja, otsikkofontti ja yksi hyöty. Sama pellavavuodevaatteiden mainos pystytarinana vastaavalla liukuvärillä ja fonteilla Tarinamainos: samat sanat ja pohja, asettelu 9:16. 1. **Kirjoita säännöt talteen** Yksi sivu: tekstilogo, värit heksakoodeineen, fontit ja tuotetausta. [Brändin tyyliopas](https://gradiently.design/fi/guide/brand-style-guide) voi olla näin lyhyt. 2. **Uudista ensin kymmenen tärkeintä tuotetta** Suosituimmat tuotteesi näkyvät eniten. Aseta ne uudelle taustalle ennen muuta. 3. **Päivitä teeman värit** Painikkeet, linkit ja tarjousmerkit korostuksella, teksti neutraalilla. 4. **Uudista käynnissä olevat mainokset** Samat tuotteet, uusi yhtenäinen ilme. Poista sääntöjä rikkovat versiot. Gradientlyn brändipaketti voi säilyttää säännöt: logot, paletit, otsikko- ja leipätekstifontin, äänensävyn ja yleisön. Se voi lukea kauppasi sivustolta nimen, värin ja kuvakkeen alkuun. Suunnitelmat ovat Markilla, liukuväritaustalla, jolla vain sinä voit viedä tiedostoja lunastettuasi sen. Näin tuotejulkaisusi ja mainoksesi eivät vastaa muiden kuvia. ## FAQ ### Miten brändään dropshipping-kaupan? Tee tekstilogo, kolmen värin järjestelmä ja yksi tuotetausta. Korvaa toimittajakuvat omilla tuotteillasi tällä taustalla. Pidä mainosten värit ja fontit samoina, jotta kauppa näyttää yhdeltä brändiltä. ### Tarvitseeko verkkokauppa logon? Se tarvitsee tunnistettavan nimilogon. Hyvin aseteltu tekstilogo riittää yleensä aluksi ja toimii pienessä koossa yksityiskohtaista symbolia paremmin. ### Kuinka monta brändiväriä verkkokauppa tarvitsee? Kolme roolia kattaa useimmat kaupat: pohja, korostus painikkeille ja hinnoille sekä neutraali tekstille. Yksi tai kaksi tukisävyä sopii, jos käytät niitä johdonmukaisesti. ### Millainen tausta tuotekuvissa pitäisi olla? Sama jokaisessa tuotteessa. Yhtenäinen väri- tai tekstuuripohja tekee valikoimasta harkitun ja erottaa kuvat muista saman tuotteen myyjistä.