Analytics és tesztelésContent MarketingE-kereskedelem és kiskereskedelemE-mail marketing és automatizálásMarketing eszközök

Hogyan készítsünk animált GIF-et a következő e-mailes marketingkampányunkhoz Photoshop segítségével

Online ruhaüzletet építettünk egy ruhagyártó számára, amelyet márkajelzéssel láttunk el, és az alapoktól kezdve felépítettük, hogy közvetlenül a fogyasztóhoz (D2C) kínál a piacra. Vezetőségük mindig együttműködik velünk a következő kampányhoz vagy stratégiához, amelyet végrehajtunk. Megvalósításuk részeként bevetettük Klaviyo mert ShopifyPlus. A Klaviyo egy jól ismert marketingautomatizálási platform, amely nagyon szorosan integrálja a Shopify-t, valamint számos Shopify alkalmazást.

Egy tanulmány szerint animált GIF-ek 42%-kal növelheti az átkattintási arányt, 103%-kal a konverziós arányt és 109%-kal a bevételt.

MarketingSherpa

Kedvenc tulajdonságom az övék A / B tesztelés Klaviyóban. Az e-mailek különböző verzióit fejlesztheti, és a Klaviyo kiküld egy mintát, megvárja a választ, majd a fennmaradó feliratkozóknak elküldi a nyertes verziót – mindezt automatikusan.

Ügyfelünk feliratkozott az iparág divatos e-mailjeire, és termékfotókat tartalmazó diavetítéssel továbbra is megjegyezte, mennyire tetszett neki néhány e-mail. Megkérdezték, hogy megtehetjük-e, és beleegyeztem, és felépítettem egy A/B teszttel egy kampányt, ahol az egyik verziót 4 termék animációjával küldtük el, a másikat pedig egyetlen, gyönyörű, statikus képpel. A kampány az őszi ruháik kiárusítására irányul, mivel új termékcsaládokat vezetnek be.

A verzió: Animált GIF

ruhaanimáció 3

B verzió: Statikus kép

RB66117 1990 LS7

A fényképet a tehetséges emberek kapják Zeelum.

A kampány mintavételezése jelenleg is fut, de elég egyértelmű, hogy az animált grafikát tartalmazó e-mail sokkal jobban teljesít, mint a statikus kép... kb. 7%-os nyitott árfolyam…de elképesztő az átkattintási arány háromszorosa (CTR)! Azt hiszem, az a tény, hogy az animált GIF többféle stílust tett az előfizető elé, sokkal több látogatóhoz vezetett.

Hogyan készítsünk animált GIF-et Photoshop segítségével

Nem vagyok profi a Photoshopban. Az egyetlen alkalom, amikor általában használom Adobe Creative Cloud Photoshop hátterek és rétegképek eltávolítása, például képernyőkép elhelyezése laptop vagy mobileszköz tetején. Viszont utánanéztem a neten, és rájöttem, hogyan készítsek animációt. A felhasználói felület ehhez nem a legegyszerűbb, de 20 percen belül és néhány oktatóanyag elolvasása után sikerült kiütni.

Forrásképeink készítése:

  • Méretek – Az animált GIF-ek elég nagyok lehetnek, ezért gondoskodtam arról, hogy a Photoshop-fájl méreteit úgy állítsam be, hogy pontosan megfeleljenek a 600 képpont széles e-mail sablonunknak.
  • Tömörítés – Eredeti képeink nagy felbontásúak és nagyon nagy fájlméretek voltak, ezért átméreteztem és tömörítettem Kraken sokkal kisebb fájlméretű JPG-fájlokhoz.
  • Transitions – Bár lehet, hogy kísértést érezhet animáció hozzáadására ikrek (pl. elhalványuló átmenet) a keretek között, ami nagymértékben növeli a fájl méretét, így ezt elkerülném.

Az animáció elkészítése Photoshopban:

  1. Hozzon létre egy új fájlt olyan méretekkel, amelyek pontosan megegyeznek az e-mail sablonban elhelyezett méretekkel.
  2. választ Ablak > Idővonal hogy engedélyezze az idővonal nézetet a Photoshop alján.
Photoshop > Ablak > Idővonal
  1. Adja hozzá mindegyiket kép új rétegként a Photoshopon belül.
Photoshop > Képek hozzáadása rétegként
  1. Kattints Hozzon létre Frame Anima-taz Idővonal régióban.
  2. Az Idővonal régió jobb oldalán válassza ki a hamburger menüt, és válassza a lehetőséget Készítsen kereteket a rétegekből.
Photoshop > Idővonal > Keretek készítése rétegekből
  1. Az Idővonal régión belül megteheti húzza a kereteket a sorrendbe amelyben meg szeretné jeleníteni a képeket.
  2. Kattintson minden olyan képkockára, amelyen 0 mp áll, és válassza ki az időt, ameddig meg szeretné jeleníteni az adott keretet. én választok 2.0 másodperc képkockánként.
  3. A keretek alatti legördülő listában válassza ki a lehetőséget Örökké hogy biztosítsa az animációs ciklusok folyamatosságát.
  4. Kattintson az Play gomb az animáció előnézetéhez.
  5. Kattints Fájl > Exportálás > Mentés webre (örökölt)
    .
Photoshop > Fájl > Exportálás > Mentés webre (örökölt)
  1. választ GIF az Exportálás képernyő bal felső sarkában található lehetőségek közül.
  2. Ha a képek nem átlátszóak, törölje a jelet a Átláthatóság opciót.
  3. Kattints Megtakarítás és exportálja a fájlt.
photoshop export animált gif

Ez az! Mostantól elérhető az animált GIF, amelyet feltölthet az e-mail platformjára.

Douglas Karr

Douglas Karr CMO of OpenINSIGHTS és az alapítója a Martech Zone. Douglas több tucat sikeres MarTech startupnak segített, több mint 5 milliárd dolláros átvilágításban segédkezett a Martech akvizíciókban és befektetésekben, és továbbra is segíti a vállalatokat értékesítési és marketingstratégiáik megvalósításában és automatizálásában. Douglas nemzetközileg elismert digitális átalakulás és MarTech szakértő és előadó. Douglas egy Dummie's Guide és egy üzleti vezetői könyv szerzője is.

Kapcsolódó cikkek

Vissza a lap tetejére gombra
közel

Adblock észlelve

Martech Zone ingyenesen tudja biztosítani Önnek ezt a tartalmat, mivel webhelyünkkel bevételt szerezünk hirdetési bevételek, társult linkek és szponzorálás révén. Nagyra értékelnénk, ha eltávolítaná hirdetésblokkolóját, miközben megtekinti webhelyünket.