El Одзивни дизајн је данас од виталног значаја због различитих формата са којима се корисник суочава са свог таблета, мобилног па чак и рачунара. Овај одзивни дизајн у маркетингу е-поште и одредишним страницама више је него важан за вишеканалну комуникацију са нашим клијентима.
Зато морате озбиљно да схватите да ли желите да узимате различите предлошке различите ширине како би стигли са најбољим дизајном могуће оне билтене или ону одредишну страницу на коју ће слетити будући клијенти које желимо да конвертују из наших огласа на Гоогле-у или Фацебоок-у.
Одзивни дизајн у маркетингу путем е-поште
Маркетинг путем е-поште један је од начина да најавите понуде производа или оне нове постове креиране на нашем блогу тако сузити на дубљи начин са свим нашим следбеницима.
Да ови билтени одговарају, то значи са мобилног се савршено виде, таблет или рачунар. Зато се морамо потрудити да имамо потребне алате како би сви визуелни елементи били довољно хармонични за лако читање билтена.
ИКЕА билтен
Одзивно значи да приказ странице на различитим уређајима је увек тачан. За ово имамо алате од емаил маркетинг који нам помажу да тестирамо билтен креиран у различитим форматима и на тај начин модификујемо вредности као што су додаци или маргине тако да буду савршено репозиционирани док смањујемо ширину свог прегледача.
У користе се веб дизајн са ЦСС „Медиа Куериес“ дизајнирати веб страницу према формату. До 360 пиксела би било за мобилне уређаје, а од 360 до 650 пиксела могли бисмо да направимо модификације за све оне кориснике који виде нашу веб страницу са таблета.
Неки од принципа наших билтена о маркетингу путем е-поште су:
- Чиста визуелна хијерархија: наслов у Х2 да би текст остао у формату пасуса.
- Два различита извора: један за наслов и један за текст чине наш билтен боље читљивим.
- El употреба боје за разликовање наслова, текста и других елемената: можемо постепено прелазити из тамно сиве у светлију.
- Un ЦТА (позив на акцију) јасан и препознатљив: ако је логотип наше компаније црвене боје, ЦТА може у овој боји, док је остатак у комплементарној боји.
Дајемо вам јасан пример сјајног респонзивни дизајн у билтену који је спровео Филмин и то можете видети на приложеној слици. Јасна типографија у белој боји, а текст у врло светло сивој боји, али то нам омогућава да брзо визуализујемо различите просторе у којима смо позвани да читамо ако то желимо. ЦТА није да је из другог света, али помаже код те иконе игре и због тога видимо шта нас чека.
Довољно простора на маргинама, бела као главна боја за текст и који се савршено уклапа са логотипом Марке; окружен оном сивом која га истиче. Упечатљива слика која поставља поенту за билтен који се закачи од првог тренутка. Такође су остављени размаци на боковима тако да се читава ширина екрана не „поједе“.
У десктоп верзија одржава те принципе, чак остављајући више простора у текстовима и остављајући велику маргину са сваке стране:
Прилагодљив дизајн на одредишној страници
Л исти принципи се могу користити у респонзивном дизајну одредишне странице. Изузетно је важно узети сво време на свету да правилно одаберете образац и следите нека правила у дизајну:
- Визуелна једноставност: Говоримо о задржавању празних простора како бисмо фокус ставили на ЦТА.
- Лепе и занимљиве слике читаоцу, не заборављајући резолуцију и да изгледају савршено.
- Значај боје и то опет истичемо.
Морамо да порадимо на прилагодљивом дизајну одредишне странице за мобилне уређаје, таблете и рачунаре. Узми време потребно за покушај поново и поново како се свака промена мења то се види у та три формата, јер можемо себи веровати и заборавити да ће промене направљене у ЦСС-у изгледати ужасно на мобилним уређајима.
Одредишна страница Хотјар
То је посао који може бити досадан, али од виталне је важности да одвојимо време да тестирамо сваку промену. Тхе употреба бочних маргина и потрудите се, колико је то могуће, да не пропустите правила у ЦТА или акцијским дугмадима:
- Да удаљеност у односу на текст и маргину дугмета је прогресивна у сва три формата. Није ни мала ни велика и да је у истој висини.
- La однос у величини ЦТА дугмета са осталим елементима на којима се налази мора се обезбедити.
Јасан пример за то је посао који је Схопифи обавио на вашој одредишној страници на радној површини и у којој можете видети у мобилној верзији. Пажња на употребу боја, празнина и оних текстова са одговарајућим величинама и типографијом:
Низ савета које треба имати боља одредишна страница за ваше предузеће или интернет продавницу и оне билтене толико важне да својим корисницима доставите исправке и те промоције.