Příklady rozvržení webových stránek pro vaše vícejazyčné webové stránky

Vytváření webových stránek není jen o výběru správné platformy CMS a výběru té nejelegantnější šablony. 

Ano, to, jak jednoduše vypadá, má velký vliv na to, jak budete působit na své potenciální zákazníky, ale je za tím mnohem větší myšlenkový proces. 

Rozvržení vašich webových stránek přispívá k celkovému úspěchu vašeho webu. Určuje jak vzhled, tak i způsob, jakým se uživatelé budou na vašich stránkách pohybovat a komunikovat s nimi. Což vše přispívá k tomu, zda je pravděpodobnější, že si někdo koupí váš produkt nebo službu. 

Zajímavé je, že 38 % lidí přestane s webovými stránkami pracovat, pokud je jejich obsah/rozložení neatraktivní. Dobré rozvržení webových stránek jde dál než jen k výběru oblíbené šablony - je nedílnou součástí návrhu webových stránek.

A jak už to tak bývá, ve všech odvětvích se vždy objeví nějaké trendy. Právě teď lze říci, že celoplošné zobrazení a třísloupcový design patří k nejpoužívanějším rozvržením. 

Může to být dobře rozpoznatelný formát, který uživatelé vašich webových stránek znají, ale je následování trendů vždy správnou cestou, když mají online firmy tak rozdílné cílové skupiny? 

Přizpůsobení a vytvoření vzhledu webových stránek, který vyhovuje vašim cílovým zákazníkům, je vždy zásadní, pokud chcete na trhu vyniknout. 

Co dělá dobré webové stránky dobrými?

Na tuto otázku není snadné odpovědět ani ji kvantifikovat. Pokud jde o webový design, existuje mnoho možností. 

Na to, co lze považovat za "dobré webové stránky", má zásadní vliv odvětví, ve kterém působíte, image vaší značky a vaše cílová skupina. 

Existují však některé obecné prvky, které mohou využít všechny podniky.

1. Jednoduchost. K rozdělení obsahu používejte bílé místo. Odstraňte "zbytečnosti" a soustřeďte se na to, co uživatel skutečně hledá. 
2. Navigace: Úvodní stránka Usnadněte uživateli webu přechod na stránky, které ho zajímají. Je to klíč k udržení návštěvníků. 
3. Vizuální hierarchie. Vytvořte na svých stránkách ústřední bod, který návštěvníkům ukáže, kde se na stránce nacházejí nejdůležitější informace. Může jít o uspořádání prvků podle velikosti, barev, obrázků, písma atd. 
4. Barvy a obrázky. Správné použití barev a obrázků může přilákat uživatele, aby na vašich stránkách zůstali déle. Nesprávné použití může vést k rozptýlení. 
5. Kompatibilita s mobilními zařízeními. Pokud potřebujete připomenout, že Google nyní indexuje webové stránky nejprve podle mobilní verze. Nezapomeňte tedy zkontrolovat, jak vaše stránky vypadají i v mobilní verzi. 
6. Vícejazyčné. Není žádným tajemstvím, že ve světě se stále rostoucí konektivitou se lidé stále častěji rozhodují pro nákup zboží mimo svou domovskou zemi. Nabídka webových stránek ve více než jednom jazyce je nezbytným prvkem pro každého, kdo chce zvýšit svůj podíl na trhu a zvýšit své příjmy. 

Příklady rozvržení webových stránek pro vaše vícejazyčné webové stránky

Jak všichni mezinárodně zaměření podnikatelé vědí, vícejazyčné webové stránky jsou při podnikání online nezbytností. Máme pro vás několik skvělých příkladů rozvržení webových stránek od některých vlastních zákazníků společnosti Weglot, kteří používají vícejazyčné webové stránky. 

Čím jsou jejich webové stránky tak přitažlivé? 

Crabtree & Evelyn

Začněme s gigantem v oblasti tělové kosmetiky a parfémů Crabtree & Evelyn, který využívá Weglot k tomu, aby jeho e-shop byl skutečně mezinárodní. 

Když prodáváte tisíce produktů online, může být pro návštěvníka webu obtížné zaměřit se pouze na jeden vhodný CTA. Proto tento internetový prodejce přesně ví, jak vyniknout, pokud jde o rozvržení jeho webových stránek. 

Vytvořili celostránkové klíčové sdělení nad záhybem, které mohou měnit v závislosti na ročním období nebo zemi, na kterou se zaměřují. A jak každý prodejce e-shopů ví, největším obdobím roku je přirozeně období dovolených, takže dává smysl, že prosazují to, co jejich kupující nepochybně hledají právě teď. 

U této domovské stránky nehrozí vysoká míra odezvy. Jasné CTA "nakupovat nyní" vás přivede přímo na stránku s produkty jejich dárkových sad - to je působivá a rychlá navigace na webu.

V porovnání s mnoha jinými internetovými prodejci se rozhodli vytvořit jednoduché menu se dvěma rozbalovacími možnostmi a vyhledávacím řádkem. 

Vzhledem k obrovskému množství produktů, které na svých stránkách nabízejí, nabízejí dvě možnosti. Možnost 1 "vyhledávací panel" byla vytvořena pro osoby, které vědí, co hledají, a možnost "obchod" může být vhodnější pro nového uživatele, který se chce podívat, jaké produkty jsou k dispozici.

Na domovské stránce, kterou si můžete projít, je rozložení webu rozděleno do různých řádků, které nabízejí více cílených položek. Nejprodávanější zboží a další dárkové sady opět oslovují nové uživatele, kteří si nejsou jisti, kam zaměřit své hledání. 

V zápatí svých stránek se rozhodli přizpůsobit přepínač jazyků tak, aby co nejlépe odrážel lokalizaci. 

Můžete si vybrat zemi, ve které se nacházíte, a jazyk, kterým mluvíte. Jako značka, která ví, že lokalizace je klíčová, si uvědomila, že ne každý člověk nacházející se v dané zemi umí mluvit místním jazykem. 

Digitální Menta

Všimněte si, jak tato digitální mediální agentura využívá bílý prostor, vlastní ilustrace a jasné výzvy k akci, aby okamžitě upoutala pozornost návštěvníka webu. 

Tento příklad rozvržení webových stránek je jasnou ukázkou toho, že uživatel má vše, co potřebuje, nad záhybem. Jejich vizuální hierarchie má podobu sloganu "revoluční digitál, na kterém záleží" - se zvýrazněním posledních dvou slov. 

Jednoduché přidání tlačítka "pojďme si promluvit" znamená, že návštěvník webu nemusí hledat nic dalšího, když chce provést akci. Výběr pouhých dvou barev, šedé a zelené jako jejich akcentů, přispívá k větší soudržnosti a jednoduchosti. 

Pro většinu digitálních mediálních agentur jsou sociální média významným nástrojem, který jim pomáhá prezentovat jejich práci a zviditelňovat je. Použití lepící lišty sociálních médií na pravé straně webu udržuje jejich kanály sociálních médií na očích. 

Jejich navigace je přímá a je jasné, kam máte jít pro jaké informace. Při dalším procházení domovské stránky uvidíte, že chytré použití písma a zvýrazněného textu udržuje čtenáře v pozornosti to, co je důležité. 

Pokud jde o přepínání jazyků, rozhodli se přidat tlačítko pro přepínání jazyků do zápatí (aktivovali užitečnou funkci Weglot funkci, která uživatele přesměruje podle jejich webového prohlížeče).

Yogang

Víte, jak jsme se zmiňovali o jednoduchosti a odstranění "chmýří" při vytváření rozvržení webových stránek? No, tento příklad webu přesně tohle dělá. Tato hra na jógu pro děti předvádí dokonalou kombinaci animace a bílého prostoru, která vytváří pocit zvědavosti a intrik - zatímco animace tam není jen jako trik - je jasným ukazatelem toho, o co jim jde. 

Tuto značku poznáte nejprve podle chytré titulní stránky, na které jsou hravé postavičky v různých jógových pohybech. S takovým prvním dojmem není pochyb o tom, že budete chtít jít na stránky dál.

Když přejdete přes jejich kreativní titulní stránku, ocitnete se na jejich hlavní webové stránce. Hravé znaky jsou opět použity v celém designu webových stránek, aby byla zajištěna konzistence, a jejich hlavní produkt je představen hned po přistání na domovské stránce. 

Na pravé straně je jasný CTA, který vám umožní hru zakoupit, a možnost dozvědět se o produktu více. Dvě CTA pro impulzivního kupujícího i pro kupující personu, která nejprve potřebuje více vysvětlení. 

Vytvořili sice zdlouhavou nabídku, ale v tomto případě k tomu mají všechny důvody. Díky možnosti prodeje B2B a B2C má smysl, aby uživatelé okamžitě našli přesně to, co chtějí. 

Jejich produkt se prodává na francouzském i anglickém trhu, takže nenápadný přepínač Weglot v pravém dolním rohu jejich webu nabízí možnost okamžité lokalizace webu.

Námořnická modrá nebo šedá

Krejčovská firma Navy or Grey má na prvním záhybu webu smíšený bílý prostor, ilustrace a své USP. Sofistikovanost je nejlepší způsob, jak popsat vzhled a dojem z tohoto webu, který se dobře hodí k oboru, v němž působí. 

A pokud jde o vizuální hierarchii, tu mají na seznamu zaškrtnutou. První záhyb stránky přitahuje pozornost pouze ke dvěma prvkům , obrázku a textu. 

Jejich přehledné menu vám umožní pochopit jejich prodejní proces, aniž by nabízelo příliš mnoho možností. Posuňte se dále na jejich domovské stránce a najdete obrázky, které dále ukazují, jak tato společnost pracuje. 

A nejvyšší hodnocení za rozdělení produktů do dvou samostatných položek v nabídce "košile" a "obleky". Uživatelé se tak dostanou k tomu, co chtějí, aniž by museli procházet podstránky.

Pokud jde o vícejazyčnost, jejich přepínač jazyků se nachází v pravém horním rohu jejich webu – dokonale ladí s vzhledem a stylem designu.

A pokud jde o nabídku vícejazyčného elektronického obchodování, usnadnili svým holandským i anglickým klientům použití platební metody podle jejich výběru, a to nejméně 9 různými možnostmi.

Vytvoření správného rozvržení webu pro uživatele

Při vytváření webových stránek mějte vždy na paměti cílového uživatele. Návštěvníci webových stránek se chtějí okamžitě dostat k informacím, které potřebují. Neztěžujte jim to víc, než je nutné. 

Výše uvedené příklady rozvržení webových stránek přesně vědí, co jejich uživatelé chtějí , a je to vidět. 

Co se od nich můžeme naučit, pokud jde o rozvržení webových stránek? Umístěte své CTA na první záhyb webu, abyste maximalizovali míru konverze, využijte bílý prostor ke zvýraznění svého sdělení a vždy zajistěte, aby navigace v menu byla co nejjednodušší. 

Máte zájem o překlad svých webových stránek? Vyzkoušejte Weglot na svých stránkách s naším 10denní zkušební verze zdarma.

Chcete víc? Přečtěte si: 9 tipů pro tvorbu vícejazyčných webových stránek, Multilingualympics: 6 typů firem, které by rozhodně měly překládat své webové stránky