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
B verzió: Statikus kép
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:
- Hozzon létre egy új fájlt olyan méretekkel, amelyek pontosan megegyeznek az e-mail sablonban elhelyezett méretekkel.
- választ Ablak > Idővonal hogy engedélyezze az idővonal nézetet a Photoshop alján.
- Adja hozzá mindegyiket kép új rétegként a Photoshopon belül.
- Kattints Hozzon létre Frame Anima-taz Idővonal régióban.
- 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.
- Az Idővonal régión belül megteheti húzza a kereteket a sorrendbe amelyben meg szeretné jeleníteni a képeket.
- 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.
- 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.
- Kattintson az Play gomb az animáció előnézetéhez.
- Kattints Fájl > Exportálás > Mentés webre (örökölt) .
- választ GIF az Exportálás képernyő bal felső sarkában található lehetőségek közül.
- Ha a képek nem átlátszóak, törölje a jelet a Átláthatóság opciót.
- Kattints Megtakarítás és exportálja a fájlt.
Ez az! Mostantól elérhető az animált GIF, amelyet feltölthet az e-mail platformjára.