Naše nejlepší Webflow pro přechod na vícejazyčný provoz

Prázdný list.

Pro designéra je prázdná stránka vzrušující. Vývojáři mohou mít stejný pocit - vzrušení vyvolané prázdnou stránkou, která čeká na závorky a příkazy a dokonale umístěné středníky, a to do té míry, že někteří dokonce popisují "programátorské opojení", když se práce zintenzivní.

Pokud však nejste designér nebo vývojář, prázdná stránka vás pravděpodobně spíše vyděsí než naláká. Zvláště pokud se snažíte vytvořit internetový obchod a zvládnout webový design.

Webflow se odlišují od většiny ostatních bezplatných šablon nebo nástrojů pro tvorbu stránek tím, že v podstatě kombinují tyto dva typy prázdných stránek: aspekt webového designu a prázdnou stránku programátora.

To, co ji však skutečně odlišuje, je její rozhraní, které oba tyto pracovní prostory zpřístupňuje uživatelům, kteří nevytvářejí responzivní webové stránky pomocí HTML5 a CSS, a zároveň jim dává sílu, kterou mohou kreativní lidé, jako jsou designéři a freelanceři, využít v prostředí naprosté svobody.

Prázdný list nebo šablona?

Ti, kteří se stále dívají na prázdnou stránku – dokonce i na stránku Webflow – s obavami, se již nemusí bát: Webflow a mnoho členů jeho komunity společně vytvořili řadu řešení tohoto problému v podobě šablon.

Webflow se nacházejí někde mezi šablonami Squarespace (kde vše určují předvolby šablony nebo webu) a tématy WordPress, kde lze vše přizpůsobit pomocí správného pluginu nebo snippet .

Zjistili jsme, že velkou předností Webflow – z pohledu webového designéra, kreativního profesionála nebo freelancera – je absence omezení v oblasti designu a interakce. Šablonizace sice klade na tvůrce webových stránek určitá omezení, ale zároveň usnadňuje tvorbu webových stránek tím, že zjednodušuje proces pomocí přednastavených parametrů. 

Celá tato myšlenka se může zdát v rozporu s logikou Webflow , ale ve skutečnosti tomu tak není. Možná se ptáte , jak může Webflow stále provozovat zdravou paralelní ekonomiku šablon? 

V podstatě je to všechno v architektuře: všechny Webflow jsou vytvořeny pomocí Webflow a pro jejich použití – ať už bezplatné nebo placené – naklonujete originál přímo v Webflow , což znamená, že můžete zcela libovolně upravovat jakoukoli část naklonované stránky. 

Zatímco mnoho jiných platforem pro tvorbu webových stránek, jako například One Page, vyžaduje, aby návrháři šablon nahrávali specifické typy souborů, které mohou být pro neprogramátory obtížné upravovat, Webflow mají vše na jednom místě. Webflow můžete použít přesně tak, jak je, nebo ji jednoduše jako strukturu rozvržení pro vysoce personalizovaný design webových stránek.

Pro ty z vás, kteří se zaměřují na mezinárodní publikum, jsme vybrali několik Webflow , které jsou obzvláště vhodné pro vícejazyčné weby. Tyto šablony blogů umožňují uživatelům flexibilně organizovat text a média, takže překlad webových stránek neovlivní prvky webového designu, jako je například rozložení. Nejlepší zprávou je, že všechny tyto Webflow lze klonovat, což znamená, že pokud se vám nějaká zalíbí, můžete ji použít jako základ pro svůj Weglot vícejazyčného Webflow x Weglot .

1. Dřevo, jednoduchost

Vývojář: Středně vzácné

Cena: 79 dolarů (USD)

Podívejte se sami zde

Timber je víc než jen šablona blogu. Je to celá sada šablon uživatelského rozhraní, což znamená, že si uživatelé mohou vybrat z různých klonovatelných prvků - a také z předpřipravených šablon portfolia - a použít je na svých stránkách podle libosti.

Jednou z největších výhod klonovatelných prvků je opět jejich přizpůsobitelnost: tlačítka, styly nabídek a další prvky v každé sadě uživatelského rozhraní lze stylizovat a přizpůsobit jakémukoli designu webu.

Flexibilita, kterou uživatelům poskytují sady UI, je klíčová pro majitele vícejazyčných webů. Možnost přizpůsobit styly tlačítek a formáty nabídek vám umožňuje zohlednit změny v délce slov, ke kterým může dojít při překladu do jiného jazyka. Otevírá také další možnosti stylizace a integrace tlačítka pro přepínání jazyků do vašeho e-shopu.

Na první pohled se zdá, že estetika dřeva je pevně daná. Příklady prvků a rozvržení stránek Timber na webu Timber jsou však vehikly pro vlastní značku šablony a jsou určeny k dalšímu použití pro jiné značky. To je celý smysl sady uživatelského rozhraní: berte ji jako kód + čistý design, který čeká na to, až si ho vytvoříte podle svého.

Skvělým vícejazyčným příkladem Timberu v akci jsou německo-anglické webové stránky společnosti Crisp Studio. Stačí se podívat na jejich domovskou stránku a neuhodnete, že jako šablonu webu použili Timber:

Podařilo se jim bezchybně začlenit svou značku do vstupní stránky poskytnuté společností Timber, přidat vlastní CSS a HTML5 a pohrát si s rozvržením a interakcemi, aby vytvořili svěží domovskou stránku.

2. Quicksmart, startupová hvězda

Vývojář: Středně vzácné

Cena: 79 dolarů (USD)

Podívejte se sami zde

V obchodě Webflow nechybí šablony UI kitů zaměřené na startupy: pouze pod značkou „Startup“ je 42 šablon webových stránek, zatímco pod značkou „Beauty“ jich je pouze 10.

Webflow je nástroj vhodný pro startupy, protože sami kdysi byli startupem. Pokud vytváříte webové stránky pro startup, jak se můžete vyhnout tomu, abyste se nechali zahltit množstvím šablon webových stránek?

Výrazná značka startupu: nelehký úkol

Slovo "startup" už dávno neoznačuje výhradně malé technologické firmy: startupy dnes existují v každém odvětví. Navzdory této rozmanitosti existuje tendence držet se technologiemi inspirovaného standardu designu elektronického obchodu ve všech věcech týkajících se značky.

Značky startupů se postupně stávají stále homogennějšími, což novým startupům ztěžuje možnost odlišit se - zejména na internetu, kde se šablony sad uživatelských rozhraní staly normou a minimalistické, nepřehledné vícestránkové weby se liší pouze obsahem a barevným schématem. 

Možná je to kvůli tomu, Webflowsám vznikl jako startup, že jeho tým Webflow upřednostnil rozvržení vhodná pro startupy, nebo proto, že perfektní tržiště šablon Webflowpřilákalo mnoho designérů se zájmem o inovativní ekosystém. Ať tak či onak, na Webflow není nedostatek vysoce přizpůsobitelných šablon pro startupy, jako je Quicksmart.

Quicksmart je stejně jako Timber sada uživatelského rozhraní - to znamená, že obsahuje celou sadu klonovatelných a modifikovatelných funkcí a také celou řadu vícestránkových struktur, které čekají na to, až je zkrášlíte a ozvláštníte vizuální identitou své značky.

Lokalizovatelné řešení pro globalizovaný trh

Vzhledem k tomu, že jedním z kritérií pro to, abyste byli považováni za startup, je obecně novost, lze říci, že všechny dnes existující startupy vznikly v globálním kontextu. I když ne všechny startupy cílí na globální trhy, všechny by si měly být vědomy toho, že jejich působnost se může rozšířit po celé planetě pouze prostřednictvím webových stránek HTML5 nebo solidního umístění v Googlu.

S ohledem na to není přizpůsobení webu startupu mezinárodnímu publiku nikdy špatný nápad.

Sada Quicksmart UI se řídí běžnými pravidly pro webové stránky start-upů – bílé plochy a plynulé interakce na stránkách – a poskytuje plynulý rámec pro přepínání jazyků s přizpůsobitelnými předprogramovanými tlačítky a flexibilním rozložením mřížky (což je jedna z nejlepších vlastností Webflow, pokud jde o vytváření vícejazyčných webových stránek).

Švédská společnost Teamvate, která se zabývá digitálními řešeními pro řízení lidských zdrojů, využila na svých stránkách šablony portfolia Quicksmart a uspořádala své informace tak, aby se vyhnula problémům s mezerami při přechodu z angličtiny do švédštiny, a to i přes průměrné 30% zkrácení počtu znaků, které s sebou tento přechod nese.

3. Oxy, kreativní komunikace

Vývojář: Deni Bozo, Webflow

Cena: 79 dolarů (USD)

Podívejte se sami zde

Oxy se prezentuje jako šablona/CMS pro agentury a kreativce, o které se můžete dozvědět více z jejich referencí a často kladených otázek.

To, co Oxy odlišuje, není pouze jeho agenturní zaměření. Jsou to spíše vizuální prvky s velkým dopadem: Oxy umožňuje uživatelům plně využít plynulé animační efekty, kterými se Webflow.com proslavilo.

Animační sekvence šablon Oxy jsou použitelné pro jakýkoli typ vstupní stránky, domovské stránky nebo cenové stránky: klíčové je, že upřednostňují velké vizuální efekty, což je skvělý způsob univerzální komunikace. Pro vícejazyčné webové stránky to nemusí být zvláštní výhoda, ale stejně tak to funguje pro vícejazyčné 

Styl paralaxní animace společnosti Oxy je obzvláště dobře přizpůsoben vícejazyčným webovým stránkám, a to díky rozestupům.

Ať už se vám minimalistický trend v designu webových stránek líbí, nebo ne, má jednu velkou výhodu: spoustu místa kolem textových oblastí, což znamená, že přepínání mezi jazyky nenarušuje celkové rozvržení stránky.

Připravit, nastavit, klonovat

Jste připraveni začít s vytvářením vícejazyčného Webflow pomocí něčeho jako Elastic themes namísto One Page builder? Timber, Quicksmart a Oxy jsou k dispozici v obchodě Webflow , kde můžete také prozkoumat další šablony a přečíst si reference a často kladené otázky. 

Vytvořili jsme také vlastní Webflow webovou stránkuWebflow , která je připravena k klonování, podobně jako motivy Elastic! Najdete zde 14 přepínačů jazyků, které jsme pro vás vytvořili, abyste je mohli přidat na svou Webflow webovou stránku Weglot Webflow !

Existují i další skvělé příklady, které můžete vygooglit, pokud působíte v některém z těchto 6 odvětví a uvažujete o vytvoření Webflow pro své podnikání. Ve vícejazyčném světě Webflow se vám také otevírají možnosti v oblasti e-commerce a velká svoboda při navrhování, pokud jde o implementaci přepínače jazyků a vícejazyčné vizuální strategie.

A pokud hledáte nejlepší nástroj pro lokalizaci vaší Webflow , máme pro vás řešení.