Magistrlarni elektron pochta orqali marketing va ochilish sahifalarida sezgir dizayn uchun o'rganish

El Turli xil formatlarga ko'ra, sezgir dizayn bugungi kunda juda muhimdir foydalanuvchi o'z planshetidan, uyali telefonidan va hatto kompyuteridan duch keladi. Elektron pochta orqali marketing va ochilish sahifalaridagi ushbu talablarga javob beradigan dizayn mijozlarimiz bilan har tomonlama aloqa qilish uchun muhimroqdir.

Shuning uchun siz turli xil shablonlarni qabul qilishga jiddiy yondashishingiz kerak eng yaxshi dizayni bilan kelish uchun turli xil kengliklar Google yoki Facebook-da bizning reklamalarimizdan konvertatsiya qilishni istagan kelajakdagi mijozlar joylashadigan o'sha xabarnomalar yoki ochilish sahifasi.

Elektron pochta marketingida sezgir dizayn

Elektron pochta orqali marketing - bu mahsulot takliflari yoki bizning blogimizda yaratilgan yangi xabarlarni e'lon qilish usullaridan biridir shunday qilib chuqurroq toraytiring bizning barcha izdoshlarimiz bilan.

Ushbu axborot byulletenlarining javob berishini anglatadi ularni mobil telefondan mukammal ko'rish mumkin, planshet yoki kompyuter. Shunday qilib, biz axborot vositalarini osonlikcha o'qish uchun barcha vizual elementlar uyg'un bo'lishi uchun kerakli vositalarga ega bo'lishga harakat qilishimiz kerak.

Javob berish degani sahifani turli xil qurilmalarda namoyish qilish har doim to'g'ri. Buning uchun bizda vositalar mavjud email marketing Bu bizga turli xil formatlarda yaratilgan axborot byulletenlarini sinab ko'rishga yordam beradi va shu bilan to'ldirish yoki chekka kabi qiymatlarni o'zgartiradi, shunda ular bizning brauzerimiz kengligini kamaytirganda mukammal o'rnini egallaydi.

Eng al CSS "Media Queries" bilan veb-dizaynidan foydalaniladi formatga muvofiq veb-saytni loyihalashtirish. 360 pikselgacha bo'lgan mobil telefon uchun kerak edi, va 360 pikseldan 650 pikselgacha biz veb-saytimizni planshetdan ko'radigan barcha foydalanuvchilar uchun o'zgartirishlar kiritishimiz mumkin edi.

Elektron pochta orqali marketing yangiliklari uchun ba'zi printsiplar quyidagilardir:

• Toza vizual ierarxiya: matnni paragraf shaklida qoldirish uchun H2 formatidagi sarlavha.
• Ikki xil manbalar: bittasi sarlavha uchun, ikkinchisi matn uchun bizning xabarnomamizni yaxshi o'qiydi.
• El sarlavha, matn va boshqa elementlarni farqlash uchun rangdan foydalanish: biz asta-sekin quyuq kul rangdan ochroqga o'tishimiz mumkin.
• Un CTA (Harakatga chaqirish) aniq va ajralib turadi: agar bizning kompaniyamizning logotipi qizil bo'lsa, CTA bu rangda, qolganlari qo'shimcha rangda bo'lishi mumkin.

Biz sizga buyuklikning aniq misolini keltiramiz Filmin tomonidan amalga oshirilgan axborot byulletenida sezgir dizayn va taqdim etilgan rasmda ko'rishingiz mumkin. Tipografiyani oq rangda va juda kulrang rangdagi matnni tozalang, ammo bu biz xohlasak o'qishga taklif qilingan turli bo'shliqlarni tezda tasavvur qilishimizga imkon beradi. CTA bu boshqa dunyodan emas, balki bu ko'payish belgisiga yordam beradi va bizni nima kutayotganini ko'rishga majbur qiladi.

Matn uchun asosiy rang sifatida oq va hoshiyalarda etarli joy logotipga to'liq mos keladi Brenddan; uni ajratib turadigan kul rang bilan o'ralgan. Birinchi lahzadanoq bog'langan yangilik byulleteniga nuqta qo'yadigan ajoyib tasvir. Ekranning butun kengligi "yeyilmasligi" uchun yon tomonlarda bo'sh joylar ham qoldiriladi.

In ish stoli versiyasi ushbu printsiplarni saqlab qoladi, hatto matnlarda ko'proq joy qoldirib, har bir tomonda katta chekka qoldiring:

Ochilish sahifasida sezgir dizayn

The xuddi shu printsiplar sezgir dizaynda ishlatilishi mumkin ochilish sahifasi. Shablonni to'g'ri tanlash va dizayndagi ba'zi qoidalarga rioya qilish uchun dunyoda doimo vaqt sarflash juda muhimdir:

• Vizual soddaligi: Biz diqqatni CTA-larga qaratish uchun bo'sh joylarni saqlash haqida gapiramiz.
• Chiroyli va jozibali tasvirlar qarorni va ularning mukammal ko'rinishini unutmasdan, o'quvchiga.
• Rangning ahamiyati va biz yana bir bor ta'kidlaymiz.

Biz mobil, planshet va ish stoli uchun ochilish sahifasining aniq dizayni ustida ishlashimiz kerak. Oling vaqt o'zgarishi bilan qayta-qayta urinish kerak Bu uchta formatda ko'rinadi, chunki biz o'zimizga ishonishimiz mumkin va CSS-dagi ushbu o'zgarishlar mobil telefonda dahshatli ko'rinishini unutishimiz mumkin.

Bu zerikarli bo'lishi mumkin bo'lgan ish, ammo har bir o'zgarishni sinab ko'rish uchun vaqt ajratish juda muhimdir. The yon chekkalardan foydalanish va iloji boricha CTA yoki harakat tugmalaridagi qoidalarni o'tkazib yubormaslikka harakat qiling:

• ekan matn va tugma chegarasiga nisbatan masofa progressivdir barcha uchta formatda. U kichik ham, katta ham emas va u bir xil balandlikda.
• La CTA tugmasi o'lchamidagi nisbati u joylashgan elementlarning qolgan qismi bilan ta'minlash kerak.

Bunga yaqqol misol sizning ochilish sahifangizda Shopify tomonidan bajarilgan ishlar mobil versiyada ko'rishingiz mumkin bo'lgan ish stolida. Ranglar, oq bo'shliqlar va ularning o'lchamlari va tipografiyasi bilan matnlardan foydalanishga e'tibor:

Bir qator maslahatlar biznesingiz yoki onlayn-do'koningiz uchun yaxshiroq ochilish sahifasi va sizning yangiliklaringizni va ushbu reklama aktsiyalaringizni foydalanuvchilaringizga etkazish uchun juda muhimdir.