Zhruba sedm vteřin dává mnoho návštěvníků stránce, než se rozhodnou zůstat, nebo odejít. V tomto okně odvede design e-mailových newsletterů víc práce než váš prodejní text. Vizuální srozumitelnost vám získá další vteřiny, které potřebujete k vysvětlení nabídky.
Design newsletteru spojuje silné předměty e-mailů, přehledné sekce a jeden hlavní odkaz. Tato kapitola srozumitelně vysvětluje, co to znamená, proč to ovlivňuje váš web i marketing a jak to uplatnit, aniž byste se ztratili v odborných výrazech. Uvidíte také, jak do stejného obrazu zapadá design e-mailů. Projděme si to krok za krokem.
Co design e-mailových newsletterů znamená v praxi
Design newsletteru spojuje silné předměty e-mailů, přehledné sekce a jeden hlavní odkaz.
I otevřený e-mail selže, když rozvržení na mobilu vypadá rozbitě.
Systémy designu e-mailů znovu používají stejné styly záhlaví, zápatí a tlačítek.
Jak design e-mailových newsletterů uplatnit na svém webu
Newslettery vyzkoušejte ve světlém i tmavém režimu, než je odešlete celému seznamu.
Začněte jednou stránkou, třeba úvodní nebo hlavní vstupní stránkou (landing page). Nejdřív opravte největší problém a stejný postup pak přeneste na další šablony.
Tuto kapitolu spojte s designem webových bannerů jako základem a s přístupným designem webu jako dalším krokem v tomto modulu.
Praktický kontrolní seznam na dnešek
Newslettery vyzkoušejte ve světlém i tmavém režimu, než je odešlete celému seznamu.
Když procházíte jakoukoli stránku, ptejte se, zda je design e-mailových newsletterů na mobilu vidět hned při prvním posunu. Pokud ne, přeskupte sekce dřív, než začnete ladit detaily.
Uložte si snímky obrazovky před změnami a po nich, abyste poznali, co na vašem webu skutečně pohnulo výsledky u designu e-mailových newsletterů.
Sdílejte tento kontrolní seznam s každým, kdo váš web upravuje, aby design e-mailů zůstal jednotný i na nových stránkách.
Vyberte si jedno číslo, které budete tento měsíc sledovat, například čas na stránce nebo zahájená vyplnění formuláře. Změny designu pak svážete s výsledky podnikání, a ne jen s vkusem.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy platí jen pro jednu stránku. Systémy designu e-mailů znovu používají stejné styly záhlaví, zápatí a tlačítek.
Vaše příspěvky na sociálních sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako váš web.
Když se vizuální podoba značky rozchází, zákazníci cítí nenápadný nesoulad, i když nedokážou říct proč.
Použijte přístupný design webu a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
I otevřený e-mail selže, když rozvržení na mobilu vypadá rozbitě.
Časté otázky, které lidé přehlížejí
Vedlejší pojmy jako design e-mailů a marketingový design vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Systémy designu e-mailů znovu používají stejné styly záhlaví, zápatí a tlačítek.
Zapište si jednu změnu před a po, kterou tento týden otestujete na živé stránce. Malé změřené úpravy porazí vágní plány.
Když váš tým používá společnou slovní zásobu o designu e-mailových newsletterů, ubude kol úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K řadě úprav rozvržení a stylu nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a písmo a přitom si prohlížet náhled pro mobil i počítač.
WEMASY obsahuje Tvůrce webů s vizuální úpravou, takže změny zveřejníte, aniž byste u každé drobnosti čekali na vývojáře. Až budete chtít využít, co jste se naučili, otevřete Tvůrce webů.
Až změny zveřejníte, znovu si projděte design webových bannerů a design brožur, ať si celý modul drží pohromadě.
Teď máte k designu e-mailových newsletterů funkční optiku. Použijte ji, když kontrolujete web, schvalujete marketingové podklady nebo zadáváte práci designérovi. Pokračujte kapitolami design brožur a přístupný design webu, ať v tomto modulu neztratíte tempo.
Učit se design e-mailových newsletterů je postupná dovednost. Vraťte se k této kapitole poté, co nasadíte jedno vylepšení, aby se poznatky z čtení proměnily ve zvyk. Malé opakované kontroly porazí snahu nacpat si všechna pravidla najednou. Pište si poznámky, co zabralo u vašeho publika, aby další úprava šla rychleji.
Často kladené otázky
Jak dlouho trvá zlepšit design e-mailových newsletterů?
Většina malých firem uvidí jasnější stránky během několika soustředěných sezení, jakmile uplatní základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak přeneste na stránky služeb a kontaktů.
Potřebujete designéra pro design e-mailových newsletterů?
Designér pomůže u složitých rebrandingů, ale řadu úprav kolem designu e-mailových newsletterů zvládnete sami, jakmile víte, na co se dívat. Pro související rady použijte vedle této kapitoly design webových bannerů.
Může vám WEMASY pomoci s designem e-mailových newsletterů na vašem webu?
WEMASY obsahuje v Tvůrci webů vizuální editor, takže rozvržení, barvy a písmo upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a zkontrolujte změny na mobilu.
Jaká je nejčastější chyba v designu e-mailových newsletterů?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte si jednu prioritu, například čitelnost nebo kontrast, a pak se podívejte na design brožur pro další zlepšení.
Jak souvisí design e-mailových newsletterů s SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Nejlepších výsledků dosáhnete, když úpravy designu spojíte s dobrou strukturou obsahu.
Co se učit dál po designu e-mailových newsletterů?
Pokračujte kapitolami design webových bannerů a design brožur v této knize, abyste pro svou značku online vybudovali ucelený vizuální systém.