Studierea masteratilor pentru un design receptiv în e-mail marketing și pagini de destinație

El Proiectarea receptivă este vitală astăzi datorită diferitelor formate cu care se confruntă un utilizator de pe tabletă, mobil și chiar de pe computer. Acest design receptiv în e-mail marketing și pagini de destinație este mai mult decât important pentru comunicarea omnicanală cu clienții noștri.

Deci, trebuie să o luați în serios pentru a lua diferite șabloane cu lățimi diferite pentru a ajunge cu cel mai bun design posibil acele buletine informative sau acea pagină de destinație în care vor ateriza viitorii clienți pe care dorim să îi convertească din anunțurile noastre de pe Google sau Facebook.

Proiectare receptivă în e-mail marketing

Marketingul prin e-mail este una dintre modalitățile de a anunța ofertele de produse sau acele postări noi create pe blogul nostru astfel îngust într-un mod mai profund cu toți adepții noștri.

Faptul că aceste buletine informative răspund înseamnă că pot fi văzute perfect de pe un telefon mobil, o tabletă sau un computer. Așadar, trebuie să încercăm să avem instrumentele necesare, astfel încât toate elementele vizuale să fie suficient de armonioase pentru o citire ușoară a buletinului informativ.

Sensibil înseamnă că afișarea unei pagini pe diferite dispozitive este întotdeauna corectă. Pentru aceasta avem instrumente de e-mail marketing care ne ajută să testăm buletinul informativ creat în diferite formate și astfel să modificăm valori precum umplutura sau marja astfel încât să fie repoziționate perfect pe măsură ce reducem lățimea browserului nostru.

În se utilizează designul web cu CSS „Media Queries” pentru a proiecta un site web în funcție de format. Până la 360px ar fi pentru un telefon mobil, iar de la 360px la 650px am putea face modificări pentru toți acei utilizatori care vizualizează site-ul nostru web de pe o tabletă.

Unele dintre principiile buletinelor noastre informative de marketing prin e-mail sunt:

• O ierarhie vizuală curată: un titlu în H2 pentru a lăsa textul în format de paragraf.
• Două surse diferite: unul pentru titlu și unul pentru text face ca buletinul nostru informativ să fie mai ușor de citit.
• El utilizarea culorii pentru a diferenția titlul, textul și alte elemente: putem trece treptat de la un gri închis la unul mai deschis.
• Un CTA (îndemnul la acțiune) clar și distinct: dacă sigla companiei noastre este în roșu, CTA ar putea avea această culoare, în timp ce restul într-o culoare complementară.

Vă oferim un exemplu clar de mare design receptiv într-un newsletter realizat de Filmin și pe care o puteți vedea în imaginea furnizată. Tipografie clară în alb, iar textul într-un gri foarte deschis, dar asta ne permite să vizualizăm rapid diferitele spații în care suntem invitați să citim, dacă vrem. CTA nu înseamnă că provine dintr-o altă lume, dar ne ajută cu acea pictogramă de joc și asta ne face să vedem ce ne așteaptă.

Spații suficiente în margini, alb ca culoare principală pentru text și care se potrivește perfect cu sigla De marca; înconjurat de acel gri care îl face să iasă în evidență. O imagine atrăgătoare care stabilește punctul pentru un buletin informativ care se conectează din primul moment. Spațiile sunt lăsate, de asemenea, pe laturi, astfel încât întreaga lățime a ecranului să nu fie „mâncată”.

În versiunea desktop menține aceste principii, chiar lăsând mai mult spațiu în texte și lăsând o marjă mare pe fiecare parte:

Design receptiv pe o pagină de destinație

L aceleași principii pot fi utilizate în proiectarea receptivă a unei pagini de destinație. Este extrem de important să vă luați tot timpul din lume pentru a alege corect șablonul și pentru a respecta câteva reguli în proiectare:

• Simplitate vizuală: Vorbim despre păstrarea spațiilor goale pentru a pune accentul pe CTA-uri.
• Imagini frumoase și captivante cititorului, fără a uita rezoluția și că arată perfect.
• Importanța culorii și că subliniem din nou.

Trebuie să lucrăm la designul receptiv al unei pagini de destinație pentru un telefon mobil, tabletă și desktop. Ia timpul necesar pentru a încerca din nou și din nou pe măsură ce fiecare schimbare se vede în aceste trei formate, deoarece putem avea încredere în noi și uităm că acele modificări făcute în CSS vor arăta oribil pe mobil.

Munca poate fi obositoare, dar este vital să ne luăm timp pentru a testa fiecare schimbare. utilizarea marginilor laterale și încercați, pe cât posibil, să nu ratați regulile din CTA-uri sau butoanele de acțiune:

• Că distanța în raport cu textul și marginea butonului este progresivă în toate cele trei formate. Nici nu este mic, nici mare și că este la aceeași înălțime.
• La raport în dimensiunea butonului CTA cu restul elementelor unde se află trebuie să fie furnizate.

Un exemplu clar în acest sens este munca depusă de Shopify pe pagina dvs. de destinație pe desktop și în care puteți vedea în versiunea mobilă. Atenție la utilizarea culorilor, a spațiilor albe și a textelor respective, cu dimensiunile și tipografia corespunzătoare:

O serie de sfaturi de avut o pagină de destinație mai bună pentru afacerea dvs. sau magazinul online și acele buletine informative atât de importante pentru a primi actualizările și acele promoții pentru utilizatorii dvs.