# UGC-grafiikka: asiakassisältö oman brändin kehyksissä [Canonical HTML page](https://gradiently.design/fi/guide/ugc-style-graphics) Asiakkaiden kuvat ja arviot ovat uskottavinta julkaistavaa sisältöä ja vaikeimpia sovittaa brändisi ilmeeseen. Hyvä kehys tekee molemmat samalla kertaa. ## The short version - UGC-grafiikka sijoittaa asiakkaan kuvan, videon tai sanat yhtenäiseen brändikehykseen, jolloin uudelleenjaot kuuluvat oman syötteesi ilmeeseen. - Pyydä aina asiakkaalta lupa ennen sisällön uudelleenjakoa. Lisää käyttäjänimi sekä designiin että kuvatekstiin. - Kehys kantaa brändiä ja asiakkaan sisältö säilyy alkuperäisenä. Älä käytä tuotteen ulkonäköä muuttavia suodattimia. - Kolme kehystä kattaa useimmat tarpeet: kuvakehys, arviokortti ja pystysuuntainen tarinakehys uudelleenjaetuille videoille. - Rakenna jokainen kehys kerran mallidesigniksi. Kopioi se ja vaihda sisältö, niin uusi jako valmistuu minuuteissa ja vastaa edellistä. **UGC-grafiikka** rakentuu käyttäjien sisällöstä: asiakkaan kuvasta, lyhyestä videosta tai kirjoittamasta arviosta, joka sijoitetaan oman brändisi kehykseen. Asiakkaan sisältö vakuuttaa aitoudellaan. Kehys tekee brändityön yhtenäisyydellään. Kun molemmat toimivat, uudelleenjako näyttää *sinun* julkaisultasi, jonka pääosassa on asiakas, eikä syötteeseen pudotetulta kuvakaappaukselta. Tämä opas käsittelee luvan pyytämistä, kolmea hyödyllistä kehystä, asianmukaisia tekijätietoja ja pieniä suunnitteluvalintoja, jotka säilyttävät asiakassisällön aitona. ## Pyydä lupa ennen asiakassisällön uudelleenjakoa Merkitseminen ei tarkoita lupaa. Asiakas, joka merkitsee sinut uuden mukinsa kuvaan, on jakanut sen seuraajilleen. Hän ei ole antanut brändillesi käyttöoikeutta. Pyydä lupa kirjallisesti joka kerta. Kommentti tai yksityisviesti riittää useimmille pienyrityksille, kunhan säilytät vastauksen. 1. **Pyydä julkaisun yhteydessä** Vastaa siellä, missä kuva julkaistiin: ”Pidämme tästä. Saammeko jakaa sen sivullamme ja mainita sinut tekijänä?” Selkeä ja täsmällinen viesti toimii lakitekstiä paremmin. 2. **Kerro käyttökohde** Jos saatat käyttää sisältöä mainoksessa, verkkosivulla tai painettuna, kerro se nyt. Lupa tarinajakoon ei kata maksettua kampanjaa. 3. **Kysy toivottu tekijätieto** Useimmat haluavat käyttäjänimensä näkyviin. Jotkut haluavat vain etunimen tai eivät nimeä lainkaan. Käytä designissa heidän vastaustaan. 4. **Säilytä myöntävä vastaus** Ota vastauksesta kuvakaappaus ja tallenna se alkuperäisen kuvan kanssa. Voit myöhemmin näyttää tarkasti, mistä sovittiin. > **Mainokset ovat eri asia** Maksettuja julkaisuja koskevat alustojen tiukemmat säännöt. Osa asiakkaista hyväksyy uudelleenjaon muttei mainosta. Pyydä erillinen selkeä lupa ennen asiakassisällön käyttämistä maksamassasi mainonnassa. ## Kolme hyödyllistä UGC-kehystä Jokainen uudelleenjako ei tarvitse uutta asettelua. Kolme kehystä hoitaa lähes kaiken asiakkailta tulevan sisällön. Kun ne ovat valmiina, uusi julkaisu on sisällön vaihto eikä uusi suunnittelutyö. | Kehys | Käyttö | Koko | | --- | --- | --- | | Kuvakehys | Asiakkaan kuvat tuotteesta käytössä | Instagram-julkaisu 1080×1350 | | Arviokortti | Kirjoitetut arviot, kommentit ja viestit | Neliö 1080×1080 tai julkaisu 1080×1350 | | Tarinakehys | Uudelleenjaetut videot ja nopeat kuvajaot | Tarina 1080×1920 | Kolme kehystä ja kolme todellista kokoa. Pystyjulkaisu vie syötteessä neliötä enemmän tilaa ja sopii siksi valokuviin. ### Kuvakehys Anna asiakkaan kuvalle suurin osa pohjasta. Ympäröi se bränditaustasi reunuksella, joka on alhaalla leveämpi tekijätiedon vuoksi. Rajaa kuva samaan muotoon: pyöristettyyn suorakulmioon, kaareen tai ympyrään. Muoto toistuu tunnistettavana ruudukossa, ja seuraaja oppii sen merkitsevän asiakkaan hetkeä. ### Arviokortti Kirjoitettu arvio ei tarvitse kuvaa. Aseta asiakkaan sanat suurina, nimi pienellä alle ja anna taustan kantaa brändiä. Pidä sitaatti lyhyenä: yksi tai kaksi lausetta pidemmästä arviosta, ei eri kohdista yhdisteltynä. [Suositusjulkaisun suunnittelu](https://gradiently.design/fi/guide/testimonial-post-design) käsittelee sitaattiasettelua ja tähtiarvioita tarkemmin. Pystysuuntainen arviokortti, jossa asiakas kertoo käyttäneensä mekkoa kolmissa häissä ja mukana on käyttäjänimi Arviokorttia kantavat asiakkaan sanat, ja tekijätieto on lähellä niiden alla. Pystysuuntainen tarinakehys Bongattu arjessa ja tila asiakkaan uudelleenjaetulle kuvalle Tarinakehys uudelleenjakoihin. Vakio-otsake auttaa seuraajia tunnistamaan sarjan. ### Tarinakehys Kun jaat asiakkaan tarinan, alusta sijoittaa sen yksiväriselle taustalle. Brändisi 1080×1920-kehys sen takana tekee jaosta suunnitellun. Jätä ylä- ja alareunan 250 pikseliä ilman sanoja, kuten [Instagram-tarinan koko](https://gradiently.design/fi/guide/instagram-story-size) selittää. Varaa keskiosa jaettavalle julkaisulle. ## Asiakkaan tekijätieto designissa Tekijätieto kuuluu sekä kuvaan että kuvatekstiin, sillä kuvat kulkevat ilman kuvatekstejä. Kuvakaappaukset, tallennukset ja uudelleenjaot irrottavat tekstin. Pieni tekijärivi designissa pitää asiakkaan kiinni työssään kaikkialla, mihin kuva päätyy. ### Vältä - Tekijätieto vain kuvatekstissä - ”Kuva: asiakas” ilman nimeä - Asiakkaan vesileiman rajaaminen pois - Pieni harmaa tekijätieto, joka katoaa taustaan ### Tee näin - Käyttäjänimi kuvassa ja kuvatekstissä - Toivottu nimi täsmälleen oikein kirjoitettuna - Asiakkaan vesileima paikallaan - Tekijätieto oikeasti luettavassa koossa ## Pidä asiakassisältö rehellisenä UGC:n arvo perustuu aitouteen. Jos asiakkaan kuvaa retusoidaan niin, että tuote näyttää todellista paremmalta, kuva lakkaa olemasta näyttöä ja muuttuu asiakasta esittäväksi mainokseksi. Lisää brändi kehykseen, älä valokuvaan. - Älä muuta tuotteen väriä tai ulkonäköä. - Älä muokkaa arvion sanamuotoa. Lyhennä sitä vain rehellisellä rajauksella. - Kevyt rajaus ja suoristus sopivat, tuotteen vikojen poistaminen ei. - Jos sävytät kuvaa brändiin sopivaksi, jätä tuote sävyttämättä tai kerro kuvan olevan tyylitelty. Viimeinen kohta on tärkeä yhtenäiselle syötteelle. Brändivärien duotone voi sitoa levottoman asiakaskuvan ruudukkoosi, mutta vain elämäntyylikuvissa, joissa väri ei ole myyntiperuste. Näytä ihonhoitotuotteen sävy tai maaliväri täsmälleen asiakkaan näkemänä. ## Tee kehyksestä tunnistettavasti omasi Asiakaskuvat vaihtelevat paljon: eri valo, puhelimet ja huoneet. Kehys pysyy samana. Erottuva taustaväri tai materiaali jokaisen jaon ympärillä antaa vaihtelevalle kuvasarjalle yhteisen ilmeen. Tämä yhtenäisyys tekee ruudukosta brändin. [Brändin yhtenäisyys](https://gradiently.design/fi/guide/brand-consistency) käsittelee laajempaa periaatetta. - Espressokehys: #1c1917 - Paperikortti: #f5efe6 - Savitehoste: #c2410c - Kivenvärinen tekijätieto: #57534e Pieni UGC-paletti: tumma kehys valokuville, vaalea kortti arvioille, yksi tehoste sarjan otsakkeelle ja hillitty sävy tekijätiedoille. Gradientlyssä kehys voi olla Mark, elävä tausta, jota vain sinä ja valtuutettu tiimisi voitte käyttää lunastettuasi sen. Kuvat rajautuvat kaariksi, ympyröiksi ja vapaiksi muodoiksi. Niitä voi sävyttää Markin väreillä yksiväriseksi, duotoneksi tai laveeraukseksi, kun se sopii kuvaan. Automaattinen muste pitää tekijärivin luettavana kaikkialla. Säilytä valmis kehys mallina ja kopioi se jokaiseen uuteen jakoon. Työ muuttuu kahden minuutin sisällönvaihdoksi. Lisää sarjan rakentamisesta kertoo [somen julkaisupohjat](https://gradiently.design/fi/guide/social-media-templates). ## UGC-julkaisuideoita alkuun - **Viikon asiakas:** yksi kuva ja yksi rivi tuotteen käytöstä. - **Ensivaikutelmat:** lyhyiden arviokorttien sarja ensikertalaisilta. - **Silloin ja nyt:** sama tuote vuotta myöhemmin asiakkaan omassa kuvassa. - **Teidän ratkaisunne:** miten eri asiakkaat somistavat, säilyttävät tai esittelevät ostoksiaan. - **Kuukauden vastaus:** mukava viesti tai kommentti sitaattikorttina tekijätietoineen. Sekoita näitä omiin julkaisuihisi jatkuvan uudelleenjakamisen sijaan. Pelkistä jaoista koostuva syöte alkaa näyttää siltä, ettei sillä ole omaa sanottavaa. Tasapainon suunnitteluun sopivat [sisältöpilarit](https://gradiently.design/fi/guide/content-pillars) ja [somen sisältökalenteri](https://gradiently.design/fi/guide/social-media-content-calendar). ## FAQ ### Mitä UGC-grafiikka on? Somejulkaisuja, jotka rakentuvat asiakkaan kuvan, videon tai arvion ympärille. Sisältö sijoitetaan yhtenäiseen brändikehykseen ja asiakkaan tekijätieto lisätään mukaan. ### Tarvitsenko luvan asiakkaan kuvan uudelleenjakoon? Kyllä. Merkitseminen ei ole lupa. Pyydä asiakkaalta lupa suoraan, kerro käyttökohteet ja säilytä vastaus. ### Miten käyttäjäsisällön tekijä mainitaan? Lisää asiakkaan käyttäjänimi tai toivoma nimi itse kuvaan ja kuvatekstiin. Näin tekijätieto säilyy kuvakaappauksissa ja uudelleenjaoissa. ### Voinko muokata asiakkaan kuvaa ennen jakamista? Kevyt rajaus ja suoristus sopivat. Älä retusoi tuotetta tai muuta sen väriä, sillä silloin aito näyttö muuttuu harhaanjohtavaksi mainokseksi. ### Minkä kokoinen UGC-julkaisu tehdään Instagramiin? Käytä kuvan uudelleenjakoon kokoa 1080×1350, arviokorttiin kokoa 1080×1080 tai 1080×1350 ja tarinajakoihin kokoa 1080×1920.