El Odzivni dizajn je danas od vitalnog značaja zbog različitih formata s kojim se korisnik suočava sa svog tableta, mobitela, pa čak i računara. Taj je responzivni dizajn u marketingu e-pošte i odredišnim stranicama više nego važan za višekanalnu komunikaciju s našim klijentima.
Dakle, morate ozbiljno shvatiti da biste uzimali različite predloške različite širine kako bismo stigli sa najboljim dizajnom moguće one biltene ili onu odredišnu stranicu na koju će sletjeti budući klijenti koje želimo da konvertiraju iz naših oglasa na Googleu ili Facebooku.
Odzivni dizajn u marketingu e-poštom
Marketing putem e-pošte jedan je od načina da najavite ponude za proizvode ili one nove postove kreirane na našem blogu tako suziti na dublji način sa svim našim sljedbenicima.
Da ovi bilteni odgovaraju, to znači mogu se savršeno vidjeti s mobitela, tablet ili računar. Stoga moramo pokušati imati potrebne alate kako bi svi vizuelni elementi bili dovoljno skladni za lako čitanje biltena.
IKEA bilten
Responsive to znači prikaz stranice na različitim uređajima je uvijek ispravan. Za to imamo alate E-mail marketing koji nam pomažu da testiramo bilten stvoren u različitim formatima i na taj način modificiramo vrijednosti kao što su dodavanje ili margina tako da se savršeno premještaju dok smanjujemo širinu našeg preglednika.
U koriste se web dizajn sa CSS "Media Queries" dizajnirati web stranicu prema formatu. Do 360 piksela bilo bi za mobilni telefon, a od 360 do 650 piksela mogli bismo napraviti modifikacije za sve one korisnike koji našu web stranicu gledaju s tableta.
Neki od principa naših biltena o marketingu putem e-pošte su:
- Čista vizuelna hijerarhija: naslov u H2 da tekst ostane u formatu pasusa.
- Dva različita izvora: jedan za naslov i jedan za tekst čine naš bilten bolje čitljivim.
- El upotreba boje za razlikovanje naslova, teksta i ostalih elemenata: možemo postepeno prelaziti iz tamno sive u svjetliju.
- Un CTA (poziv na akciju) jasan i prepoznatljiv: ako je logotip naše kompanije crvene boje, CTA može u ovoj boji, dok je ostatak u komplementarnoj boji.
Dajemo vam jasan primjer sjajnog responzivni dizajn u biltenu koji je izradio Filmin a to možete videti na priloženoj slici. Jasna tipografija u bijeloj boji, a tekst u vrlo svijetlo sivoj boji, ali to nam omogućava da brzo vizualiziramo različite prostore u kojima smo pozvani da čitamo ako to želimo. CTA nije da je iz drugog svijeta, ali pomaže kod te ikone reprodukcije i čini nas da vidimo šta nas čeka.
Dovoljno prostora na marginama, bijela kao glavna boja za tekst i koji se savršeno uklapa s logotipom Marke; okružen onom sivom koja ga ističe. Upečatljiva slika koja postavlja poantu za bilten koji se uključuje od prvog trenutka. Njihovi prostori su također ostavljeni sa strane kako se cijela širina zaslona ne bi "pojela".
u desktop verzija održava te principe, čak ostavljajući više prostora u tekstovima i ostavljajući veliku marginu sa svake strane:
Odzivni dizajn na odredišnoj stranici
u isti principi mogu se koristiti u responzivnom dizajnu odredišne stranice. Izuzetno je važno uzeti svo vrijeme na svijetu kako biste pravilno odabrali predložak i slijedili neka pravila u dizajnu:
- Vizualna jednostavnost: Govorimo o zadržavanju praznih prostora kako bismo fokus stavili na CTA.
- Lijepe i zanimljive slike čitatelju, ne zaboravljajući rezoluciju i da izgledaju savršeno.
- Važnost boje i to opet ističemo.
Moramo poraditi na responzivnom dizajnu odredišne stranice za mobitel, tablet i radnu površinu. Uzmi vrijeme potrebno za testiranje iznova i iznova kako se mijenjaju to se vidi u ta tri formata, jer možemo sebi vjerovati i zaboraviti da će promjene napravljene u CSS-u izgledati užasno na mobilnim uređajima.
Odredišna stranica Hotjar
To je posao koji može biti dosadan, ali od vitalne je važnosti da odvojimo vrijeme da testiramo svaku promjenu. The upotreba bočnih margina i pokušajte, koliko je to moguće, ne propustiti pravila u CTA-ima ili akcijskim gumbima:
- Que udaljenost u odnosu na tekst i marginu dugmeta je progresivna u sva tri formata. Nije ni mala ni velika i da je na istoj visini.
- La omjer u veličini CTA dugmeta sa ostalim elementima u kojima se nalazi mora se osigurati.
Jasan primjer za to je posao koji je Shopify obavio na vašoj odredišnoj stranici na radnoj površini i u kojoj možete vidjeti u mobilnoj verziji. Pažnja na upotrebu boja, praznina i onih tekstova s odgovarajućim veličinama i tipografijom:
Niz savjeta koje treba imati bolja odredišna stranica za vaše poslovanje ili internet trgovinu i one biltene toliko važne da svojim korisnicima dostavite ažuriranja i promocije.