El Reaguojantis dizainas yra gyvybiškai svarbus dėl skirtingų formatų vartotojas susiduria iš savo planšetinio kompiuterio, mobiliojo telefono ir net kompiuterio. Šis reaguojantis el. Pašto rinkodaros ir nukreipimo puslapių dizainas yra daugiau nei svarbus bendravimui su visais kanalais su klientais.
Taigi jūs turite rimtai žiūrėti į skirtingus šablonus skirtingo pločio, kad būtų geriausias dizainas galimi tie naujienlaiškiai ar tas nukreipimo puslapis, kuriame atsidurs būsimi klientai, kuriuos norime konvertuoti iš mūsų skelbimų „Google“ ar „Facebook“.
Reaguojantis dizainas el. Pašto rinkodaroje
El. Pašto rinkodara yra vienas iš būdų pranešti apie produktų pasiūlymus ar tuos naujus įrašus, sukurtus mūsų tinklaraštyje taigi siauriau giliau su visais mūsų pasekėjais.
Tai, kad šie naujienlaiškiai yra jautrūs, reiškia juos puikiai galima pamatyti iš mobiliojo telefono, planšetinį kompiuterį ar kompiuterį. Taigi turime stengtis turėti reikiamų priemonių, kad visi vaizdiniai elementai būtų pakankamai harmoningi, kad būtų lengva skaityti naujienlaiškį.
IKEA naujienlaiškis
Reaguojantis reiškia tai puslapio rodymas skirtinguose įrenginiuose visada yra teisingas. Tam mes turime įrankius pašto rinkodaros tai padeda mums išbandyti skirtingais formatais sukurtą naujienlaiškį ir taip modifikuoti tokias vertes kaip užpildas ar paraštė, kad jos būtų puikiai pakeistos, kai mažiname naršyklės plotį.
Į naudojamas web dizainas su CSS „Media Queries“ suprojektuoti svetainę pagal formatą. Iki 360 taškų būtų mobiliesiems, o nuo 360 iki 650 taškų galėtume atlikti pakeitimus visiems tiems vartotojams, kurie mato mūsų svetainę iš planšetinio kompiuterio.
Kai kurie mūsų el. Pašto rinkodaros naujienlaiškių principai yra šie:
- Švari vizualinė hierarchija: pavadinimas H2, kad tekstas liktų pastraipų formatu.
- Du skirtingi šaltiniai: vienas už pavadinimą ir kitas už tekstą daro mūsų naujienlaiškį geriau skaitomą.
- El spalvų naudojimas siekiant atskirti pavadinimą, tekstą ir kitus elementus: mes galime palaipsniui pereiti nuo tamsiai pilkos prie šviesesnės.
- Un CTA (Call to action) yra aiški ir atskirta: jei mūsų įmonės logotipas yra raudonas, CTA gali būti tokios spalvos, o likusi dalis - papildomos spalvos.
Pateikiame jums aiškų puikaus pavyzdį reaguojantis dizainas naujienlaiškyje, kurį atliko „Filmin“ ir kurį galite pamatyti pateiktame paveikslėlyje. Aišku tipografija balta spalva, o tekstas labai šviesiai pilka spalva, tačiau tai leidžia mums greitai vizualizuoti įvairias erdves, kuriose esame kviečiami skaityti, jei to norime. CTA nėra ta, kad ji kilusi iš kito pasaulio, tačiau ji padeda su ta žaidimo piktograma ir verčia mus pamatyti, kas mūsų laukia.
Pakraščiuose yra pakankamai erdvių, balta kaip pagrindinė teksto spalva ir kad puikiai dera su logotipu Iš prekės ženklo; apsuptas tos pilkos spalvos, kuri ją išskiria. Akį traukiantis vaizdas, kuris sukuria naujienlaiškio, kuris jus užkalbina nuo pat pradžių, etapą. Šonuose taip pat paliekami tarpai, kad nebūtų „suvalgytas“ visas ekrano plotis.
Į darbalaukio versija palaiko tuos principus, net paliekant daugiau vietos tekstuose ir paliekant didelę maržą kiekvienoje pusėje:
Interaktyvus dizainas nukreipimo puslapyje
Los tuos pačius principus galima naudoti reaguojant į dizainą nukreipimo puslapio. Nepaprastai svarbu skirti visą laiką pasaulyje, kad tinkamai pasirinktumėte šabloną ir laikytumėtės kai kurių dizaino taisyklių:
- Vizualinis paprastumas: Mes kalbame apie tuščių vietų išsaugojimą, kad daugiausia dėmesio būtų skiriama CTA.
- Gražūs ir įtraukiantys vaizdai skaitytojui, nepamirštant raiškos ir kad jie atrodo tobulai.
- Spalvos svarba ir kad mes dar kartą pabrėžiame.
Turime dirbti su atsakingu mobiliųjų telefonų, planšetinių ir stalinių kompiuterių nukreipimo puslapio dizainu. Paimkite laiko, kurio reikia kiekvienam pakeitimui dar ir dar kartą išbandyti tai matoma šiais trimis formatais, nes galime pasitikėti savimi ir pamiršti, kad tie CSS pakeitimai atrodys siaubingai mobiliajame telefone.
„Hotjar“ nukreipimo puslapis
Tai darbas, kuris gali būti varginantis, tačiau labai svarbu skirti laiko kiekvienam pokyčiui išbandyti. The šoninių paraštių naudojimas ir kiek įmanoma bandykite nepraleisti raginimų veikti taisyklių arba veiksmų mygtukų:
- Kad atstumas teksto ir mygtuko paraštės atžvilgiu yra laipsniškas visais trimis formatais. Jis nėra nei mažas, nei didelis ir yra viename aukštyje.
- La CTA mygtuko dydžio santykis su likusiais elementais, kur jis yra.
Aiškus to pavyzdys yra „Shopify“ atliktą darbą nukreipimo puslapyje darbalaukyje ir kuriame galite pamatyti versiją mobiliesiems. Dėmesys spalvų, tarpų ir tekstų su jų dydžiais bei tipografija naudojimui:
Aibė patarimų, kuriuos turite turėti geresnis jūsų įmonės ar internetinės parduotuvės nukreipimo puslapis ir tuos naujienlaiškius, kurie yra tokie svarbūs, kad atnaujinimus ir reklamas gautumėte savo vartotojams.