Að læra meistarana fyrir móttækilega hönnun í markaðssetningu tölvupósts og áfangasíðum

Móttækileg hönnun

El Móttækileg hönnun er lífsnauðsynleg í dag vegna mismunandi sniða sem notandi stendur frammi fyrir frá spjaldtölvu, farsíma og jafnvel tölvu. Þessi móttækilega hönnun í markaðssetningu tölvupósts og áfangasíðum er meira en mikilvægt fyrir samskiptasvið við viðskiptavini okkar.

Svo þú verður að taka það alvarlega að taka mismunandi sniðmát með mismunandi breidd til að koma með bestu hönnunina mögulegt þessi fréttabréf eða sú áfangasíða þar sem framtíðar viðskiptavinir sem við viljum að þeir breyti úr auglýsingum okkar á Google eða Facebook muni lenda.

Móttækileg hönnun í markaðssetningu tölvupósts

Markaðssetning tölvupósts er ein af leiðunum til að tilkynna vörutilboð eða nýjar færslur sem búnar eru til á blogginu okkar til þrengist þannig á dýpri hátt með öllum fylgjendum okkar.

Að þessi fréttabréf séu móttækileg þýðir það þau sjást fullkomlega úr farsíma, spjaldtölvu eða tölvu. Þannig að við verðum að reyna að hafa nauðsynleg verkfæri svo að allir sjónrænir þættir séu nógu samræmdir til að auðveldur sé hægt að lesa fréttabréfið.

IKEA

Fréttabréf IKEA

Móttækilegur þýðir það birting síðu á mismunandi tækjum er alltaf rétt. Fyrir þetta höfum við verkfæri email markaðssetning sem hjálpa okkur að prófa fréttabréfið sem búið er til á mismunandi sniðum og breyta þannig gildum eins og bólstrun eða framlegð svo að þau verði fullkomlega endurstillt þegar við minnkum breidd vafrans.

Í vefhönnun með CSS „Media Queries“ er notuð að hanna vefsíðu eftir sniði. Allt að 360px væri fyrir farsíma og frá 360px til 650px gætum við gert breytingar fyrir alla þá notendur sem skoða vefsíðu okkar frá spjaldtölvu.

Sum meginreglurnar fyrir fréttabréf í tölvupósti eru:

  • Hreint sjónrænt stigveldi: titill í H2 til að skilja textann eftir á málsgreinarformi.
  • Tvær mismunandi heimildir: eitt fyrir titilinn og eitt fyrir textann gerir fréttabréfið okkar læsilegra.
  • El notkun litar til aðgreiningar á titli, texta og öðrum þáttum: við getum smám saman farið úr dökkgráu í ljósari.
  • Un CTA (Kall til aðgerða) skýrt og aðgreinanlegt: ef lógó fyrirtækisins okkar er í rauðu gæti CTA í þessum lit en afgangurinn í viðbótarlit.

Við gefum þér skýrt dæmi um frábært móttækileg hönnun í fréttabréfi á vegum Filmin og sem þú getur séð á myndinni sem fylgir. Skýr leturfræði í hvítum lit og textinn mjög ljósgrár en gerir okkur kleift að sjá fljótt fyrir sér mismunandi rými sem okkur er boðið að lesa í ef við viljum. CTA er ekki það að það sé frá öðrum heimi, heldur hjálpar það við spilunartáknið og það fær okkur til að sjá hvað bíður okkar.

Móttækilegur í Filmin

Næg bil í jaðri, hvítur sem aðal litur fyrir texta og það passar fullkomlega við lógóið Af vörumerkinu; umkringdur því gráa sem lætur það skera sig úr. Áberandi mynd sem setur svið fyrir fréttabréf sem krækir þig frá byrjun. Rými eru einnig skilin eftir á hliðunum þannig að öll breidd skjásins er ekki „étin“.

Í skrifborðsútgáfan heldur þeim meginreglum, jafnvel skilja eftir meira pláss í textunum og skilja eftir sig stórt framlegð á hvorri hlið:

Móttækilegur

Móttækileg hönnun á áfangasíðu

Los sömu lögmál er hægt að nota við móttækilegri hönnun af áfangasíðu. Það er afar mikilvægt að taka allan tímann í heiminum til að velja sniðmátið rétt og fylgja nokkrum reglum í hönnuninni:

  • Sjónrænn einfaldleiki: Við erum að tala um að halda auðu rými til að leggja áherslu á CTA.
  • Fallegar og grípandi myndir fyrir lesandann, án þess að gleyma upplausninni og að hún líti fullkomlega út.
  • Mikilvægi litar og að við leggjum áherslu á aftur.

Við verðum að vinna að móttækilegri hönnun áfangasíðu fyrir farsíma, spjaldtölvu og skjáborð. Taktu tíma sem þarf til að reyna aftur og aftur þegar hver breyting verður Það sést á þessum þremur sniðum, þar sem við getum treyst okkur og gleymt að þessar breytingar sem gerðar eru í CSS munu líta hræðilega út á farsímum.

Hotjar

Lendingarsíða Hotja

Það er vinna sem getur verið leiðinleg, en það er mikilvægt að við gefum okkur tíma til að prófa hverja breytingu. The notkun hliðarjaðar og reyndu, eins og kostur er, að missa ekki af reglunum í CTA eða aðgerðarhnappunum:

  • Það fjarlægðin miðað við texta og hnappamörk er framsækin í öllum þremur sniðum. Hvorki það er lítið né stórt og að það sé í sömu hæð.
  • La hlutfall í stærð CTA hnappanna með afganginn af þeim þáttum þar sem hann er staðsettur þarf að útvega.

Skýrt dæmi um þetta er vinnu Shopify á áfangasíðunni þinni á skjáborði og þar sem þú getur séð í farsímaútgáfunni. Athygli á notkun lita, hvítu rýma og texta með viðeigandi stærðum og leturfræði:

Móttækilegur í Shopify

Röð af ráðum til að hafa betri áfangasíðu fyrir fyrirtæki þitt eða netverslun og þessi fréttabréf sem eru svo mikilvæg að fá uppfærslurnar og kynningarnar til notenda þinna.


Innihald greinarinnar fylgir meginreglum okkar um siðareglur ritstjórnar. Til að tilkynna um villu smelltu hér.

Vertu fyrstur til að tjá

Skildu eftir athugasemd þína

Netfangið þitt verður ekki birt. Nauðsynlegir reitir eru merktir með *

*

*

  1. Ábyrgðarmaður gagna: Miguel Ángel Gatón
  2. Tilgangur gagnanna: Control SPAM, umsögn stjórnun.
  3. Lögmæti: Samþykki þitt
  4. Samskipti gagna: Gögnunum verður ekki miðlað til þriðja aðila nema með lagalegri skyldu.
  5. Gagnageymsla: Gagnagrunnur sem Occentus Networks (ESB) hýsir
  6. Réttindi: Hvenær sem er getur þú takmarkað, endurheimt og eytt upplýsingum þínum.