Kuinka tehdä animoitu GIF seuraavaa sähköpostimarkkinointikampanjaasi varten Photoshopin avulla
Rakensimme mekkovalmistajalle verkkomekkokaupan, jonka brändäsimme ja rakensimme alusta alkaen tuodaksemme suoraan kuluttajalle (D2C) tarjoamalla markkinoille. Heidän johtonsa työskentelee aina kanssamme yhteisten ideoiden parissa seuraavaa toteuttamamme kampanjaa tai strategiaa varten. Osana niiden toteuttamista otimme käyttöön Klaviyo varten ShopifyPlus. Klaviyo on tunnettu markkinoinnin automaatioalusta, jossa on erittäin tiukka integraatio Shopifyyn sekä moniin Shopify-sovelluksiin.
Tutkimuksen mukaan käyttämällä animaatioita GIF voi lisätä napsautussuhteita 42 %, tulosprosentteja 103 % ja tuloja 109 %.
MarketingSherpan
Lempiominaisuusni on heidän / B-testaus Klaviyossa. Voit kehittää sähköpostista erilaisia versioita, ja Klaviyo lähettää näytteen, odottaa vastausta ja lähettää lopuille tilaajille voittajan version – kaikki automaattisesti.
Asiakkaamme tilaa alan muotisähköposteja ja jatkoi tuotevalokuvien diaesityksenä, kuinka paljon he pitivät joistakin sähköposteista. He kysyivät, voisimmeko tehdä sen, ja suostuin ja rakensin kampanjan A/B-testillä, jossa lähetimme yhden version, jossa oli 4 tuotteen animaatio, ja toisen, jossa oli yksi kaunis, staattinen kuva. Kampanja on suunnattu heidän syksyn mekkojensa loppuunmyynnille, kun he tuovat markkinoille uusia tuotelinjoja.
Versio A: Animoitu GIF
Versio B: Staattinen kuva
Kuvan kunnia kuuluu lahjakkaille henkilöille osoitteessa Zeelum.
Kampanjan otanta on edelleen käynnissä, mutta on melko selvää, että animoitua kuvaa sisältävä sähköposti on huomattavasti parempi kuin staattinen kuva… noin 7 % avoin korko… mutta hämmästyttävää kolminkertainen napsautussuhde (CTR)! Uskon, että se, että animoitu GIF asetti tilaajalle useita eri tyylejä, johti paljon enemmän vierailijoita.
Kuinka tehdä animoitu GIF Photoshopilla
En ole Photoshopin ammattilainen. Ainoat ajat, joita yleensä käytän Adobe Creative Cloudin Photoshop poistavat taustat ja tasokuvia, kuten asettamalla kuvakaappauksen kannettavan tietokoneen tai mobiililaitteen päälle. Kaivoin kuitenkin netistä ja keksin kuinka tehdä animaatio. Tämän käyttöliittymä ei ole helpoin, mutta 20 minuutissa ja muutaman opetusohjelman luettuani pystyin tyrmäämään sen.
Lähdekuvien valmistelu:
- Mitat – Animoidut GIF-kuvat voivat olla melko suuria, joten varmistan, että asetan Photoshop-tiedostoni mitat täsmälleen 600 pikseliä leveän sähköpostimallimme leveyteen.
- Puristus – Alkuperäiset kuvamme olivat korkearesoluutioisia ja erittäin suuria tiedostokokoja, joten muutin niiden kokoa ja pakasin ne Kraken JPG-tiedostoihin, joiden tiedostokoko on paljon pienempi.
- siirtymät – Vaikka saatat tuntea houkutusta lisätä animaatioita tweens (esim. häipyvä siirtymä) kehysten välillä, mikä lisää tiedostoosi paljon kokoa, joten välttelisin sitä.
Animaation rakentaminen Photoshopissa:
- Luo uusi tiedosto mitoilla, jotka vastaavat tarkasti sähköpostimalliisi lisäämiäsi mittoja.
- valita Ikkuna > Aikajana ottaaksesi aikajananäkymän käyttöön Photoshopin pohjassa.
- Lisää kukin kuva uutena tasona Photoshopissa.
- Napauta Luo Frame Animaaikajana-alueella.
- Valitse aikajana-alueen oikealla puolella hampurilaisvalikko ja valitse Tee kehyksiä kerroksista.
- Aikajana-alueella voit vedä kehykset järjestykseen jossa haluat kuvien näkyvän.
- Napsauta jokaista kehystä, jossa lukee 0 sekuntia, ja valitse aika, jonka haluat kehyksen näkyvän. minä valitsin 2.0 sekuntia per kuva.
- Valitse kehysten alla olevasta pudotusvalikosta Ikuisesti varmistaaksesi animaation jatkuvan.
- Valitse Toista-painike esikatsellaksesi animaatiota.
- Napauta Tiedosto > Vie > Tallenna verkkoon (vanha) .
- valita GIF Vie-näytön vasemmassa yläkulmassa olevista vaihtoehdoista.
- Jos kuvat eivät ole läpinäkyviä, poista valinta Läpinäkyvyys vaihtoehto.
- Napauta Säästä ja vie tiedostosi.
Se siitä! Sinulla on nyt animoitu GIF ladattavaksi sähköpostialustallesi.