El Ang tumutugong disenyo ay mahalaga ngayon dahil sa iba't ibang mga format na kinakaharap ng isang gumagamit mula sa kanyang tablet, mobile at kahit computer. Ang tumutugong disenyo na ito sa pagmemerkado sa email at mga landing page ay higit sa mahalaga para sa omnichannel na komunikasyon sa aming mga kliyente.
Kaya kailangan mong seryosohin ito upang kumuha ng iba't ibang mga template iba't ibang mga lapad upang makarating na may pinakamahusay na disenyo posible ang mga newsletter o ang landing page na kung saan mapupunta ang mga kliyente sa hinaharap na nais nilang i-convert mula sa aming mga ad sa Google o Facebook.
Nakikiramay na disenyo sa pagmemerkado sa email
Ang pagmemerkado sa email ay isa sa mga paraan upang ipahayag ang mga alok ng produkto o ang mga bagong post na nilikha sa aming blog kaya makitid sa isang mas malalim na paraan kasama ang lahat ng aming mga tagasunod.
Na ang mga newsletter na ito ay tumutugon nangangahulugan na sila ay perpektong makikita mula sa isang mobile, isang tablet o isang computer. Kaya kailangan naming subukan na magkaroon ng mga kinakailangang tool upang ang lahat ng mga elemento ng visual ay sapat na magkakasuwato para sa isang madaling basahin ang newsletter.
Newsletter ng IKEA
Nangangahulugan ang tumutugon na palaging tama ang pagpapakita ng isang pahina sa iba't ibang mga aparato. Para sa mga ito mayroon kaming mga tool ng marketing sa email na makakatulong sa amin upang subukan ang newsletter na nilikha sa iba't ibang mga format at sa gayon ay mabago ang mga halagang tulad ng padding o margin upang ang mga ito ay perpektong iposisyon habang binabawasan namin ang lapad ng aming browser.
Sa ang disenyo ng web na may CSS na "Mga Query ng Media" ay ginagamit upang magdisenyo ng isang website alinsunod sa format. Hanggang sa 360px ay para sa isang mobile phone, at mula 360px hanggang 650px maaari kaming gumawa ng mga pagbabago para sa lahat ng mga gumagamit na tumitingin sa aming website mula sa isang tablet.
Ang ilan sa mga prinsipyo para sa aming mga newsletter sa marketing ng email ay:
- Isang malinis na hierarchy ng visual: isang pamagat sa H2 upang iwanan ang teksto sa format ng talata.
- Dalawang magkakaibang mapagkukunan: isa para sa pamagat at isa para sa teksto ay ginagawang mas mahusay na mabasa ang aming newsletter.
- El paggamit ng kulay upang makilala ang pamagat, teksto at iba pang mga elemento: maaari naming unti-unting pumunta mula sa isang madilim na kulay-abo sa isang mas magaan.
- Un Ang CTA (Call to action) ay malinaw at makikilala: kung ang logo ng aming kumpanya ay pula, ang CTA ay maaaring sa ganitong kulay habang ang natitira sa isang pantulong na kulay.
Nagbibigay kami sa iyo ng isang malinaw na halimbawa ng isang mahusay tumutugon na disenyo sa isang newsletter na isinagawa ng Filmin at maaari mong makita sa larawang ibinigay. Malinaw ang typography na puti, at ang teksto sa isang napaka-ilaw na kulay-abo ngunit pinapayagan kaming mabilis na mailarawan ang iba't ibang mga puwang kung saan inaanyayahan kaming basahin kung nais namin. Ang CTA ay hindi na ito ay mula sa ibang mundo, ngunit nakakatulong ito sa icon ng pag-play na iyon at nakikita kami kung ano ang naghihintay sa amin.
Sapat na mga puwang sa mga margin, puti bilang pangunahing kulay para sa teksto at ganap na umaangkop sa logo Ng tatak; napapaligiran ng grey na iyon na nagpapamulat. Isang nakakaakit na imahe na nagtatakda ng punto para sa isang newsletter na nakakabit mula sa unang sandali. Ang mga puwang ay naiwan din sa mga gilid upang ang buong lapad ng screen ay hindi "kinakain".
Sa Pinapanatili ng bersyon ng desktop ang mga prinsipyong iyon, kahit na nag-iiwan ng mas maraming puwang sa mga teksto at nag-iiwan ng isang malaking margin sa bawat panig:
Tumutugon na disenyo sa isang landing page
Los ang mga parehong prinsipyo ay maaaring magamit sa tumutugong disenyo ng isang landing page. Napakahalaga na gawin ang lahat ng oras sa mundo upang maayos na piliin ang template at sundin ang ilang mga patakaran sa disenyo:
- Ang pagiging simple ng visual: Pinag-uusapan natin ang tungkol sa pagpapanatili ng mga blangko na puwang upang ilagay ang pagtuon sa mga CTA.
- Maganda at nakakaengganyo ng mga imahe sa mambabasa, nang hindi nakakalimutan ang resolusyon at mukhang perpekto sila.
- Ang kahalagahan ng kulay at muli nating binibigyang diin.
Kailangan nating magtrabaho sa tumutugong disenyo ng isang landing page para sa isang mobile, tablet at desktop. Kunin ang oras na kinakailangan upang subukang muli at muli sa bawat pagbabago nakikita ito sa tatlong format na iyon, dahil mapagkakatiwalaan natin ang ating sarili at kalimutan na ang mga pagbabagong ginawa sa CSS ay magiging kakila-kilabot sa mobile.
Hotjar Landing Page
Ito ay trabaho na maaaring nakakapagod, ngunit mahalaga na maglaan tayo ng oras upang subukan ang bawat pagbabago. Ang paggamit ng mga gilid ng gilid at subukan, hangga't maaari, hindi makaligtaan ang mga patakaran sa mga CTA o mga pindutan ng pagkilos:
- Na ang distansya na may kaugnayan sa teksto at ang margin ng pindutan ay progresibo sa lahat ng tatlong mga format. Ni ito ay maliit o malaki at na ito ay nasa parehong taas.
- La ratio sa laki ng pindutan ng CTA kasama ang natitirang mga elemento kung saan ito matatagpuan ay dapat ibigay.
Ang isang malinaw na halimbawa nito ay ang gawaing ginawa ng Shopify sa iyong landing page sa desktop at kung saan maaari mong makita sa mobile na bersyon. Pansin sa paggamit ng mga kulay, puting puwang at mga teksto na may naaangkop na laki at palalimbagan:
Isang serye ng mga tip na mayroon isang mas mahusay na landing page para sa iyong negosyo o online store at ang mga newsletter na napakahalaga upang makuha ang mga update at mga promos na iyon sa iyong mga gumagamit.