• Hlavní
  • >
  • marketing
  • >
  • 16 z nejlepších příkladů Mobile-Friendly webových stránek Design

16 z nejlepších příkladů Mobile-Friendly webových stránek Design

Vzpomínáte si, kdy jste naposledy šel na mobilní stránku a měl - ahem - nehybný zážitek? (Pun zamýšlel.) Možná, že místo nebylo citlivé. Nebo bylo opravdu těžké najít to, co jste hledali. Nebo, možná to bylo jen naložené opravdu pomalu.

Ať už to bylo cokoliv, možná jste v důsledku toho odešli jít na jiné stránky. Google ví, že nešťastní návštěvníci webových stránek půjdou jinam, čímž se zvýší míra odchodů ze stránek a sníží se šance, že se stránky budou nacházet v mobilních vyhledáváních.

To je důvod, proč v dubnu vydala společnost Google jejich velmi očekávanou mobilní aktualizaci, která dala marketingovému světu ohlas s komentářem.

Stáhněte si náš bezplatný průvodce, abyste se dozvěděli, jak navrhnout vlastní mobilní web.

Byly zveřejněny miliony příspěvků o aktualizaci mobilních zařízení, stovky tisíc lidí vyhledali ve službě Google mobilní telefon a lidé vytvořili spoustu obrázků, které vypadají takto:

Obrázek Credit: SearchEngineLand

Zatímco některé z rozruchu byly jistě trochu extrémní, aktualizace byla velký problém, je to velký problém a bude znamenat miliardy v příjmech získaných nebo ztracených v nadcházejících letech. To platí zejména tehdy, když dotazy na mobilní vyhledávání již začaly překonávat plochu.

Mnoho značek po celém světě pracuje na zlepšení svých zkušeností s mobilními webovými stránkami. Abychom vám pomohli inspirovat svůj vlastní mobilní web design, tým zde na Crayon sestavil 16 společností, které se svou mobilní optimalizací odvádějí skvělou práci. Pojďme se podívat na návrhy jejich mobilních webových stránek a jít přes to, co je dělá tak skvělé.

16 z nejlepších mobilních stránek

1) Beaglecat

Díky své odvážné barvě a jednoduchému designu nabízí mobilní domovská stránka Beaglecat návštěvníkům mnoho užitečných informací, aniž by se zdály ohromující. S několika rychlými svitky mohou návštěvníci rychle získat přehled o poslání Beaglecatu, o hodnotě, kterou poskytují, ao tom, kdo je v týmu. Chcete-li se dozvědět více o těchto věcech, můžete kliknout na velká tlačítka s výzvou k akci, která říká věci jako „Další podrobnosti“ a „Další informace“. Konečně, formuláře na svých stránkách jsou opravdu krátké a snadno se vyplňují na mobilním zařízení.

2) Oakley Hall Hotel

Když hledáte hotel, tři nejlepší věci, které chcete vidět, jsou velké obrázky pokojů a prostor, dostupnost pokojů a informace o cenách, ne? Oakley Hall dělá ohromnou práci, která zachycuje podstatu jejich hotelu velkými obrazy s vysokým rozlišením a funkcí, která je přátelská k mobilním telefonům, což vede uživatele k cenovým možnostem. Poskytují také stručné, ale lákavé popisy jejich stylů pokojů, stejně jako tlačítka volání na akci pro uživatele, kteří se chtějí dozvědět více o svatebách a jejich exkluzivním jídelním klubu.

3) Dopad brandingu a designu

Mobilní stránky Impact jsou skvělým příkladem prolnutí několika prvků vaší cenové nabídky do jedné stručné stránky. Počínaje snadno ovladatelnými tlačítky se uživatelé mohou dozvědět více o tom, co Impact dělá, a o hodnotě, kterou poskytují - následují reference zákazníků, grafika o tom, co je příchozí marketing a konečně velký odkaz na výzvu k akci do jejich vzdělávacího centra.

4) Speckyboy

Speckyboy je design blog - takže byste očekávali velký mobilní zážitek z nich, že jo? No, přinášejí. Zkušenosti posouvající se přes blog společnosti Speckyboy jsou bezchybné, včetně zajímavých snímků, názvů článků ve velkých fontech a snadno čitelného úvodního odstavce, který každý článek škádlí a které mohou uživatelé kliknout, pokud si chtějí přečíst zbytek.

Pro zachycení olova, Speckyboy nabízí mobilní-přátelský formulář, který vyžaduje odběratelům jejich newsletter: Vše, co musíte udělat, je zadat svou e-mailovou adresu. Ve spodní části domovské stránky, Speckyboy udržuje uživatele zapojen tím, že nabízí dva samostatné seznam historických blogu, že uživatelé mohou kliknout, včetně "Nejoblíbenější" a "Doporučeno".

5) Vedení krajiny

Jednou z prvních věcí, které uživatelé uvidí na mobilní domovské stránce, je telefonní číslo, které se připojuje přímo k firmě. Milujeme umístění této výzvy k akci. Zbytek stránky pak pokračuje vysvětlením, na co se krajina specializuje, následovaným užitečným obsahem, včetně článků blogu, odkazů na webové stránky a velkých, snadno stisknutelných tlačítek sociálních médií. Pro návštěvníky, kteří chtějí více informací, poskytuje krajina na dolním okraji mobilní stránky velké vyhledávací pole.

6) SyncShow

Vše o mobilní stránce SyncShow je jasné, ostré a stručné. Jejich mobilní domovská stránka okamžitě nabídne nemožné zmeškané volání-na-akce tlačítka, následovaný úplným popisem jejich cílového trhu, B2B a B2C výrobní společnosti. Když přejdete dolů, najdete stručné vysvětlení, jak se změnil výrobní průmysl, což je velmi důležité pro jejich cílové publikum. Najdete zde také stručný popis cenové nabídky společnosti a případovou studii upozorňující na nedávný výnos z investic zákazníků za posledních 5 let. Tady? Krátké rozmazání následované tlačítky volání na akci pro návštěvníky, kteří se chtějí dozvědět více.

7) NudeAudio

NudeAudio prodává přenosné reproduktory - a jejich mobilní domovská stránka dělá skvělou práci, protože poskytuje návštěvníkům přesně to, co hledají na webových stránkách: Stávkující produktové snímky spojené s detaily funkcí a velkými tlačítky volání na akci. Zahrnují také odkazy na aktualizaci produktu, které posílají lidi přímo na jejich blog, stejně jako formulář s jedním polem, kde mohou návštěvníci zadat svou e-mailovou adresu, aby se mohli zaregistrovat k odběru novinek.

8) Vliv & Co

Blízko vrcholu mobilních webových stránek Influence and Co. je tato přesvědčivá, příjemná a snadno srozumitelná cenová nabídka: „Pracujeme s vámi, abychom vám zveřejnili cílené online publikace, které předvádějí vaše odborné znalosti pro vaše přesné publikum.“ Pokračují v zobrazování vizuálního svědectví společnosti Dell, spolu s velmi krátkou formou, která je pro dotyčné zájemce velmi snadná a rychlá.

9) 1252 Tapas Bar

Co byste chtěli z webových stránek tapas baru? Pokud jste odpověděli na fotky z jídla, nechyběli jste o chutných pokrmech z místních zdrojů a menu, budete tyto stránky milovat stejně jako my. Jejich plné menu je navrženo tak, aby reagovalo na mobilní zařízení, takže není nutné žádné svírání a přiblížení. Oni také vypráví okouzlující příběh o jejich šéfkuchař, Wes Tyler přímo na domovské stránce, která dává příjemný pocit této místní restauraci.

Zatímco stránka má všechny příslušné kontaktní informace a provozní hodiny, máme rádi speciální nabídku v dolní části stránky, která upozorňuje na týdenní speciality 1252 na jídlo a pití s ​​lahodnými zvuky.

10) TrendKite

TrendKite bere všechny dobré věci o webových stránkách desktopů a uvádí je na jejich mobilní stránku. Jejich domovská stránka začíná esteticky příjemným vizuálem nad záhybem a pak vysvětluje jejich hodnotu a kontaktní informace. Pokračujte v rolování a budete moci kliknout na ebook nabídky a přečíst si více informací, které jsou speciálně určeny pro vás, protože oddělují obsah „Pro značky“ a „Pro PR agentury“. Jsou zde dobře umístěná tlačítka volání po akci.

11) Pes-a-holics

Velké mobilní webové stránky mají spoustu přesvědčivých obrazů - a pes-a-holici vědí, že povedou svým nejlepším K-9 dopředu. Po rozkošný první obrázek, mohou návštěvníci číst tři, stručné důvody, proč společnost miluje psy, které jsou odděleny nádherné malé ikony. humanizace detailů o společnosti, aby se cítili blíže k zákazníkovi: obraz zakladatele a výzva k akci, která návštěvníkům nabízí možnost připojit se jako „zvláštní člen“ obchodu.

12) Rover Labs

Mobilní domovská stránka Rover Labs dělá výjimečně tři věci. Za prvé, stránka vypráví snadno pochopitelný a přesto přesvědčivý příběh o tom, proč existují a proč je jejich cílové publikum potřebuje. Za druhé, zahrnují některé úžasné záběry produktů, které jsou opravdu snadno stravitelné na mobil. Konečně, celá zkušenost je čistá, stručná a nabízí uživatelům spoustu informací spolu s výzvami k akci, aby se dozvěděli více.

13) VentureFar

Mobilní web společnosti VentureFar má obtížný cíl: potřebují přesvědčit uživatele, aby šli na horu Kilimandžáro ... na mobilní telefon. Co je na stránkách působivé, je to, že skutečně dělají opravdu dobrou práci. Počínaje pohledem na horu, okamžitě nabídnou uživatelům možnost porovnávat ceny za prohlídku. (Ano, znají své demografické pohody.) Patří k nim také jeden z lepších grafů, které jsme vnímali jako mobilní, což zahrnuje jednoduše navržený, ale podrobný graf zobrazující všechny turné, které nabízejí. Konečně, jejich domovská stránka končí krátkou přestávkou, která odpovídá na často kladené otázky, jako je „Proč stoupat?“ A „Kdy byste měli jít?“ Společnost VentureFar, která je vzdálenou společností, je také jistě, že bude obsahovat podrobnosti o jejich licencích / ověřeních a možnostech rezervace Přímo.

14) Modrá zóna SUP

Blue Zone SUP je stand-up pádlo palubní tábor v Kostarice, a poté, co viděl jejich mobilní stránky, jsme naprosto chceme jít. Jejich stránky začínají okouzlujícím hrdinským obrazem, následovaným rychlým popisem společnosti a dobře vyrobeným videem, které na mobilu funguje opravdu dobře. Ukazují návštěvníkům také pěkný graf, který může měřit svou úroveň dovedností na stupnici od jedné do pěti. Při procházení daty kempů (které jsou nabízeny prostřednictvím tlačítka volání na akci pod videem) budou návštěvníci vědět, které týdny jsou pro jejich úroveň dovedností nejvhodnější. Chcete-li předvést více firemní kultury, Blue Zone poskytuje odkazy na články blogu a další snímky.

15) TinyPulse

TinyPulse je mobilní domovská stránka je načten s vizuálními, včetně zákazníků z více známých značek a PR funkcí z národních publikací. Namísto textově náročné hodnoty, je na jejich mobilní stránky vizuální a výstižné, a následují ho mobilní produktové video.

16) AX Fitness, LLC

AX Fitness plýtvá časem na představení své kultury: Úplně první věc, kterou vidíte, když jdete na jejich mobilní stránky, je velký obrázek skupiny, která běží po žebříku, spolu s frází (ve všech čepicích): „Skuteční lidé. Seriózní Fitness. “Chválíme zaměřený přístup. Pokračujte v rolování a okamžitě uvidíte „první volnou třídu“, které se zobrazí po stisknutí tlačítka Akce a akce se speciální nabídkou za první měsíc. Zahrnuje také pár slov od majitele, ukazujících návštěvníkům její vášeň a oddanost zákazníkům, a to jak majiteli tělocvičny, tak fitness nadšenci. Odtud se uživatelé mohou dozvědět o osobních školeních, skupinové kondici, čtení článků blogu a získání informací o vzrušujících, nadcházejících událostech.

(Chcete-li zobrazit všechny návrhy uvedené v tomto článku, navštivte webovou stránku SeoAnnuaire COS, stejně jako sbírku Squarespace & WordPress na pastelce.)

Návštěvníci vašich webových stránek často navštěvují vaše webové stránky z desktopových i mobilních zařízení. Možná, že budou najít vaše stránky při posouvání přes svůj mobilní Twitter krmiva, pak přepnout na plochu pro více in-hloubkové výzkum později, a pak poslat sami článek z jejich desktopové výzkumné relaci číst na mobil na vlaku domů.

Tady s sebou? Je důležité, aby váš obsah byl snadno čitelný kdekoli.

Takže, co jiné společnosti mají fantastické mobilní stránky? Sdílejte s námi své oblíbené a nezapomeňte uvést, proč jsou tak skvělé.

Poznámka editora: Tento příspěvek byl původně publikován v prosinci 2013 a byl aktualizován o čerstvost, přesnost a srozumitelnost.

Předchozí Článek «
Následující Článek