El Отзивчивият дизайн е жизненоважен днес поради различните формати с които потребителят се сблъсква от своя таблет, мобилен и дори компютър. Този отзивчив дизайн в имейл маркетинга и целевите страници е повече от важен за комуникационната комуникация с нашите клиенти.
Така че трябва да се отнасяте сериозно, за да приемате различни шаблони различни ширини, за да пристигнете с най-добрия дизайн възможни са тези бюлетини или тази целева страница, където бъдещите клиенти, които искаме да конвертират от нашите реклами в Google или Facebook, ще кацнат.
Отзивчив дизайн в имейл маркетинга
Имейл маркетингът е един от начините за обявяване на оферти за продукти или тези нови публикации, създадени в нашия блог като по този начин се стеснява по-дълбоко с всички наши последователи.
Това, че тези бюлетини са отзивчиви, означава това те могат да се видят перфектно от мобилен телефон, таблет или компютър. Затова трябва да се опитаме да разполагаме с необходимите инструменти, така че всички визуални елементи да са достатъчно хармонични за лесно четене на бюлетина.
Бюлетин на IKEA
Отзивчивият означава, че показването на страница на различни устройства винаги е правилно. За това имаме инструменти маркетинг по електронната поща които ни помагат да тестваме бюлетина, създаден в различни формати и по този начин да модифицираме стойности като подложка или поле, така че те да бъдат перфорирани перфектно, докато намаляваме ширината на нашия браузър.
В се използва уеб дизайн с CSS „Media Queries“ да проектира уебсайт според формата. До 360px биха били за мобилен телефон, а от 360px до 650px бихме могли да направим модификации за всички онези потребители, които разглеждат нашия уебсайт от таблет.
Някои от принципите на нашите бюлетини за имейл маркетинг са:
- Чиста визуална йерархия: заглавие в H2, за да оставите текста във формат на абзац.
- Два различни източника: един за заглавието и един за текста прави нашия бюлетин по-добре четим.
- El използване на цвят за разграничаване на заглавие, текст и други елементи: можем постепенно да преминем от тъмно сиво към по-светло.
- Un CTA (Призив за действие) ясен и различим: ако логото на нашата компания е в червено, CTA може в този цвят, а останалите в допълващ цвят.
Даваме ви ясен пример за велик отзивчив дизайн в бюлетин, изготвен от Filmin и което можете да видите на предоставеното изображение. Ясна типография в бяло и текст в много светло сиво, но това ни позволява бързо да визуализираме различните пространства, в които сме поканени да четем, ако искаме. CTA не е, че е от друг свят, но помага с тази икона за игра и това ни кара да видим какво ни очаква.
Достатъчно интервали в полетата, бял като основен цвят за текст и който идеално се вписва в логото От марката; заобиколен от онова сиво, което го отличава. Привличащо вниманието изображение, което определя точката за бюлетин, който се закача от първия момент. Отстрани също се оставят интервали, за да не се „изяде“ цялата ширина на екрана.
В настолната версия поддържа тези принципи, дори оставяйки повече място в текстовете и оставяйки голямо поле от всяка страна:
Отзивчив дизайн на целева страница
Лос същите принципи могат да се използват и при отзивчив дизайн на целева страница. Изключително важно е да отделите цялото време на света, за да изберете правилно шаблона и да следвате някои правила в дизайна:
- Визуална простота: Говорим за запазване на празни пространства, за да поставим акцента върху CTA.
- Красиви и увлекателни изображения на читателя, без да се забравя разделителната способност и че изглеждат перфектно.
- Значението на цвета и това отново подчертаваме.
Трябва да работим по адаптивния дизайн на целева страница за мобилни устройства, таблети и настолни компютри. Вземете необходимо време, за да опитате отново и отново при всяка промяна Вижда се в тези три формата, тъй като можем да се доверим и да забравим, че промените, направени в CSS, ще изглеждат ужасно на мобилни устройства.
Целева страница на Hotjar
Работата може да бъде досадна, но е жизненоважно да отделим време, за да тестваме всяка промяна. The използване на странични полета и се опитайте, доколкото е възможно, да не пропускате правилата в CTA или бутоните за действие:
- Че разстоянието спрямо текста и полето на бутона е прогресивно и в трите формата. Нито е малък, нито е голям и че е на една и съща височина.
- La съотношение в размера на CTA бутона с останалите елементи, където се намира, трябва да бъдат предоставени.
Ярък пример за това е работата, извършена от Shopify на вашата целева страница на настолен компютър и в която можете да видите в мобилната версия. Внимание за използването на цветове, празни пространства и тези текстове с подходящите им размери и типография:
Поредица от съвети, които трябва да имате по-добра целева страница за вашия бизнес или онлайн магазин и тези бюлетини, толкова важни, за да получите актуализациите и тези промоции на вашите потребители.