Proč některé značky působí důvěryhodně okamžitě, zatímco jiné vypadají amatérsky, přestože mají dobré produkty? Část odpovědi je v designu webových bannerů. K zlepšení nepotřebujete designérské vzdělání. Potřebujete jasnou definici a pár praktických kontrol.
Design webových bannerů vyvažuje značku, srozumitelnost nabídky a velikost souboru pro reklamní sítě i akce na webu. 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á marketingový design. Projděme si to krok za krokem.
Co design webových bannerů znamená v praxi
Design webových bannerů vyvažuje značku, srozumitelnost nabídky a velikost souboru pro reklamní sítě i akce na webu.
Příliš mnoho textu v bannerech snižuje čitelnost v malých velikostech.
Marketingový design bannerů opakuje stejná slova výzvy k akci (CTA) jako vstupní stránky.
Jak design webových bannerů uplatnit na svém webu
Na jednu bannerovou kreativu použijte jedno sdělení a jedno tlačítko.
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 brožur jako základem a s kapitolou jak zajistit, aby web splňoval požadavky ADA jako dalším krokem v tomto modulu.
Praktický kontrolní seznam na dnešek
Na jednu bannerovou kreativu použijte jedno sdělení a jedno tlačítko.
Když procházíte jakoukoli stránku, ptejte se, zda je design webových bannerů 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 webových bannerů.
Sdílejte tento kontrolní seznam s každým, kdo váš web upravuje, aby marketingový design 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. Marketingový design bannerů opakuje stejná slova výzvy k akci (CTA) jako vstupní stránky.
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 kapitolu jak zajistit, aby web splňoval požadavky ADA a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Příliš mnoho textu v bannerech snižuje čitelnost v malých velikostech.
Časté otázky, které lidé přehlížejí
Vedlejší pojmy jako marketingový design a design pro sociální sítě vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Marketingový design bannerů opakuje stejná slova výzvy k akci (CTA) jako vstupní stránky.
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 webových bannerů, 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 brožur a přístupný design webu, ať si celý modul drží pohromadě.
Teď máte k designu webových bannerů funkční optiku. Použijte ji, když kontrolujete web, schvalujete marketingové podklady nebo zadáváte práci designérovi. Pokračujte kapitolami přístupný design webu a jak zajistit, aby web splňoval požadavky ADA, ať v tomto modulu neztratíte tempo.
Často kladené otázky
Jak dlouho trvá zlepšit design webových bannerů?
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 webových bannerů?
Designér pomůže u složitých rebrandingů, ale řadu úprav kolem designu webových bannerů zvládnete sami, jakmile víte, na co se dívat. Pro související rady použijte vedle této kapitoly design brožur.
Může vám WEMASY pomoci s designem webových bannerů 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 webových bannerů?
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 přístupný design webu pro další zlepšení.
Jak souvisí design webových bannerů 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 webových bannerů?
Pokračujte kapitolami design brožur a přístupný design webu v této knize, abyste pro svou značku online vybudovali ucelený vizuální systém.