Analytiikka ja testausSisältö MarkkinointiVerkkokauppa ja vähittäiskauppaSähköpostimarkkinointi ja automaatioMarkkinointityökalut

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

mekkoanimaatio 3

Versio B: Staattinen kuva

RB66117 1990 LS7

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:

  1. Luo uusi tiedosto mitoilla, jotka vastaavat tarkasti sähköpostimalliisi lisäämiäsi mittoja.
  2. valita Ikkuna > Aikajana ottaaksesi aikajananäkymän käyttöön Photoshopin pohjassa.
Photoshop > Ikkuna > Aikajana
  1. Lisää kukin kuva uutena tasona Photoshopissa.
Photoshop > Lisää kuvia tasoina
  1. Napauta Luo Frame Animaaikajana-alueella.
  2. Valitse aikajana-alueen oikealla puolella hampurilaisvalikko ja valitse Tee kehyksiä kerroksista.
Photoshop > Aikajana > Tee kehyksiä tasoista
  1. Aikajana-alueella voit vedä kehykset järjestykseen jossa haluat kuvien näkyvän.
  2. Napsauta jokaista kehystä, jossa lukee 0 sekuntia, ja valitse aika, jonka haluat kehyksen näkyvän. minä valitsin 2.0 sekuntia per kuva.
  3. Valitse kehysten alla olevasta pudotusvalikosta Ikuisesti varmistaaksesi animaation jatkuvan.
  4. Valitse Toista-painike esikatsellaksesi animaatiota.
  5. Napauta Tiedosto > Vie > Tallenna verkkoon (vanha)
    .
Photoshop > Tiedosto > Vie > Tallenna verkkoon (vanha)
  1. valita GIF Vie-näytön vasemmassa yläkulmassa olevista vaihtoehdoista.
  2. Jos kuvat eivät ole läpinäkyviä, poista valinta Läpinäkyvyys vaihtoehto.
  3. Napauta Säästä ja vie tiedostosi.
photoshop vienti animoitu gif

Se siitä! Sinulla on nyt animoitu GIF ladattavaksi sähköpostialustallesi.

Douglas Karr

Douglas Karr on CMO of OpenINSIGHTS ja perustaja Martech Zone. Douglas on auttanut kymmeniä menestyneitä MarTech-startuppeja, auttanut yli 5 miljardin dollarin due diligence -tarkastuksessa Martechin hankinnoissa ja investoinneissa ja avustaa edelleen yrityksiä niiden myynti- ja markkinointistrategioiden toteuttamisessa ja automatisoinnissa. Douglas on kansainvälisesti tunnustettu digitaalisen transformaation ja MarTechin asiantuntija ja puhuja. Douglas on myös julkaissut Dummie's-oppaan ja yritysjohtajuuskirjan.

Aiheeseen liittyvät artikkelit

Takaisin alkuun -painiketta
lähellä

Adblock havaittu

Martech Zone pystyy tarjoamaan sinulle tämän sisällön veloituksetta, koska ansaitsemme sivustomme mainostulojen, kumppanilinkkien ja sponsoroinnin kautta. Olisimme kiitollisia, jos poistaisit mainosten esto-ohjelman, kun katselet sivustoamme.