Příklady landing pages mobilních aplikací a co od nich převzít

Landing page mobilní aplikace to má těžší než většina landing pages. Někteří návštěvníci jsou na telefonu a chtějí se jedním klepnutím dostat do obchodu s aplikacemi; jiní jsou na notebooku, kde odznak „Download on the App Store“ vede na stránku, ze které aplikaci nainstalovat nemohou. Stránka musí obsloužit obě skupiny, vysvětlit aplikaci natolik dobře, aby byl výpis v obchodě jen formalitou, a vyrovnat se s tím, že ke konverzi dochází mimo vaši kontrolu.

Níže najdete: co musí landing page aplikace splnit, kontrolní seznam její anatomie, devět skutečných landing pages aplikací, které jsme prošli v říjnu 2026 (popsané vlastními slovy, s tím, co si od každé vzít), část o mobilních aplikacích B2B SaaS, časté chyby a wireframe po sekcích, který můžete převzít. Popisujeme, co stránky ukazují, ne jak fungují; žádná z těchto firem o nich nezveřejňuje data o konverzích a my nehádáme.

Co musí landing page mobilní aplikace umět

1. Nasměrujte každého návštěvníka na správnou cestu instalace

Návštěvníci na telefonu potřebují správný obchod pro své zařízení. Návštěvníci na desktopu potřebují způsob, jak dostat aplikaci do telefonu, který zrovna nedrží v ruce: QR kód, pole „pošlete mi odkaz SMS“ nebo možnost e-mailu. Nejlepší stránky rozpoznají zařízení a odpovídající možnost dají na první místo, přičemž ostatní nechají viditelné.

2. Používejte oficiální odznaky obchodů s aplikacemi

Marketingové pokyny App Store od Applu vyžadují oficiální grafiku odznaku, kterou sami neupravujete ani nepřekládáte, s volným prostorem kolem ní alespoň ve čtvrtině výšky odznaku a minimální výškou na obrazovce 40 px. Apple také žádá, aby odznak byl v podřízené pozici vůči hlavnímu sdělení. Google poskytuje vlastní grafiku odznaku Google Play. Doma vyrobená tlačítka „Stáhněte pro iPhone“ působí méně důvěryhodně a porušují pokyny.

3. Předejte do aplikace, pokud už je nainstalovaná

Na iOS je Smart App Banner jediný meta tag, který v Safari zobrazí banner v horní části stránky. Podle dokumentace Applu banner otevře aplikaci, pokud je nainstalovaná, a jinak vede na stránku v App Storu; nezobrazí se, pokud zařízení aplikaci nepodporuje nebo aplikace v daném regionu není dostupná, a volitelný app-argument předá URL, aby se aplikace otevřela na odpovídající obrazovce. Tag vypadá takto: <meta name="apple-itunes-app" content="app-id=123456789, app-argument=https://example.com/page">. Na Androidu umožňují Android App Links otevírat ověřené webové URL přímo ve vaší aplikaci. Dohromady to znamená, že stávající uživatel, který přistane na vaší marketingové stránce, nebude vyzván k instalaci něčeho, co už má.

4. Ukažte aplikaci, ne její abstrakci

Skutečné snímky obrazovky nebo krátká nahrávka obrazovky s hlavní akcí. Kupující aplikací posuzují, zda rozhraní vypadá použitelně; ilustrace skrývají přesně to, co chtějí vidět.

5. Půjčte si důvěru, kterou obchod nedokáže dát

Hodnocení v obchodech s aplikacemi, redakční ocenění, citace z tisku, odznaky regulátorů u finančních aplikací, citace zákazníků u B2B. Zobrazujte jen hodnocení, která dokážete udržovat aktuální: údaj starý dva roky je horší než žádný.

Kontrolní seznam struktury

9 příkladů landing pages mobilních aplikací

Každou stránku jsme si prohlédli v říjnu 2026 a popisujeme, co na ní tehdy bylo. Stránky se často mění, proto si před převzetím čehokoli ověřte aktuální verzi.

1. Linear Mobile

Linear představuje aplikaci jako „the portable companion to the Linear system“, čímž hned nastavuje očekávání: nejde o náhradu desktopového produktu. Hero sekce nese oficiální odznaky App Store a Google Play plus QR kód s popiskem „Scan to download“ a stejná trojice se vrací v závěrečné sekci. Nejsou tu hodnocení ani loga zákazníků. Stránka místo toho prodává produktovými detaily: inbox pro prioritní práci, kterou můžete vyřídit, odsunout swipem nebo odložit, rychlý editor pro zakládání úkolů, převádění snímků obrazovky nebo fotek na hlášení chyb a nastavitelný rozvrh notifikací.

Co převzít: QR kód vedle odznaků obchodů v hlavní sekci pro návštěvníky na desktopu. A také rámování. Stránka říká, že aplikace je pro chvíle, kdy jste „mimo klávesnici“, a jmenuje úkoly, které se k té chvíli hodí, místo výčtu všech funkcí z desktopu.

2. Notion Mobile

Notion to drží stručně: nadpis o práci na cestách, podnadpis zmiňující iOS a Android a prosté textové odkazy („For iOS“, „For Android“) místo odznaků obchodů s aplikacemi. Následují tři snímky obrazovky z telefonu, pak sekce pro samostatnou aplikaci Notion Calendar s vlastními odkazy do obchodů a nakonec řádek odkazující na desktopovou aplikaci. Kromě citátu Marshalla McLuhana tam není žádný sociální důkaz.

Co stojí za převzetí: jedna stránka, která směruje na všechny klienty: mobil, doprovodnou aplikaci a desktop. U produktu, který lidé používají na různých zařízeních, je to poctivá struktura. Co bychom změnili: oficiální odznaky a QR kód by zpřehlednily instalaci pro návštěvníky na desktopu, kteří přicházejí z hlavního webu.

3. Mobilní aplikace HubSpot

H1 zní prostě „HubSpot Mobile App“ s podnadpisem o spolupráci CRM a AI, ať jste kdekoli. Oficiální odznaky App Store a Google Play jsou hned pod podnadpisem a znovu dole na stránce. Odkaz na registraci v záhlaví a telefonní číslo pro dotazy pokrývají návštěvníky, kteří zatím zákazníky nejsou.

Důkazem je jediná jmenovitá citace ředitele CRM, jehož firma má terénní obchodníky „neustále na cestách“, kteří se na aplikaci spoléhají. Následují čtyři sekce s funkcemi (AI, udržení obchodů v pohybu, spojení se zákazníky, přehledy) a pak FAQ, které obsahuje i to, jaká zařízení jsou podporována a kolik aplikace stojí.

Citace zákazníka je ta část, kterou stojí za to převzít. Popisuje přesně tu situaci, kterou aplikace řeší, lidi pracující mimo stůl, místo obecné chvály. A sekce častých dotazů odpovídá na dvě otázky, kvůli kterým by kupující jinak psal obchodu.

4. Headspace

Domovská stránka slouží jako landing page aplikace. Titulek má dvě slova, „Stress less“, k tomu jednovětý popis aplikace a jedno CTA k registraci. Pod ním se výběr cílů ptá „What kind of headspace are you looking for?“ a nabízí šest možností, od spánku po terapii. Následuje ukázka knihovny obsahu, sekce pro zaměstnavatele a zdravotní pojišťovny s tlačítkem pro žádost o demo a FAQ s osmi otázkami. Odznaky obchodů s aplikacemi jsou v patičce, ne v hero sekci.

Co převzít: výběr cíle. Návštěvníci se jedním klepnutím sami zařadí do segmentu a přistanou na obsahu, který odpovídá tomu, proč přišli. Je to také úhledný příklad stránky spotřebitelské aplikace, která nese i B2B cestu (sekce pro zaměstnavatele), aniž by zahltila hero sekci.

5. Calm

Hero sekce Calm tvoří krátký slib („Calm your mind. Change your life.“) a tvrzení o kategorii s jediným CTA k registraci. Následují tři bloky s přínosy pro stres, spánek a mindfulness. Sekce s recenzemi používá krátké citace podepsané křestním jménem a městem a stránku uzavírá dlouhé FAQ. Kód stránky obsahuje i QR kódy s popiskem pro stažení mobilní aplikace, pravděpodobně zobrazované návštěvníkům na větších obrazovkách.

Převezměte styl referencí: každá popisuje konkrétní situaci (nemůžu usnout, hlava plná myšlenek, stresující pracovní den), ne „skvělá aplikace“. Každá citace zároveň slouží jako případ užití.

6. Strava

Strava začíná komunitním nadpisem a třemi tlačítky pro registraci: Google, Apple a e-mail. Navigace má položku „Get the App“, ale samotné odznaky obchodů jsou v patičce. Tělo stránky obsahuje tři karty funkcí (sledování a analýza, sdílení a propojení, objevování a soutěžení), sekci o desktopových funkcích jako plánování tras, sekci o předplatném a u konce zopakovaný registrační banner.

Myšlenkou k převzetí je vytvoření účtu na webu ještě před instalací. Návštěvník, který se zaregistroval jedním klepnutím, má důvod aplikaci pak otevřít, a firma ho může e-mailem upomenout, pokud to neudělá. Nevýhodou je, že odznaky obchodů snadno přehlédnete.

7. Monzo

Domovská stránka Monzo začíná větou o penězích a životě a jediným CTA „otevřít účet“. Důkazem nejsou hodnocení aplikace, ale prvky důvěry: odznak Which? Recommended Provider, Current Account Switch Guarantee a ochrana FSCS. Následují karty produktů (běžné účty, spoření, úvěry, investice, penze, bydlení), pak funkce a úrovně tarifů. Odkazy do obchodů s aplikacemi v hero sekci nejsou.

Ponaučení: vyberte důkaz, který odpovídá na největší obavu návštěvníka. U banky je to „jsou moje peníze v bezpečí?“, takže odznaky ochrany a doporučení jsou důležitější, než by byla hodnocení hvězdičkami.

8. Stažení Todoist

Titulek zní „Award-winning apps for every device“. Šest záložek přepíná mezi desktopem, Androidem, iOS, nositelnou elektronikou, rozšířeními prohlížeče a doplňky e-mailu, každá s vlastním snímkem obrazovky, a úvod odkazuje na jednotlivé platformy (Mac, Windows, Linux, iPhone, iPad, Android, Apple Watch a Wear OS). Stránka končí pozvánkou, abyste se přidali k „millions of people“, kteří aplikaci používají.

Co si vzít: výběr zařízení pomocí záložek. U produktu na tolika platformách udrží záložka pro každou platformu stránku krátkou, přičemž každý klient je vzdálen jen jedno kliknutí. Jedno upozornění: „oceňovaný“ bez uvedení ocenění je slabý důkaz; pokud máte konkrétní ocenění, pojmenujte ho.

9. Věci

Stránka Cultured Code pro aplikaci Things začíná názvem produktu, popisem v jedné větě a úvodním videem. Pod ním je pro každé zařízení Apple (Mac, iPhone a Watch, iPad, Vision Pro) jedna karta s odpovídajícím odznakem obchodu a odkazem na ceník, který zobrazuje ceny ve vaší měně. Sekce „Read all about it“ uvádí dvě ocenění Apple Design Awards a citace jmenovaných recenzentů z médií, jako jsou Wirecutter, WIRED a MacStories.

Pro placenou aplikaci stojí za převzetí: citace z tisku, kde má úsudek redaktora větší váhu než anonymní hodnocení. A odznak obchodu u každé karty zařízení, aby majitel iPadu nemusel zjišťovat, která stránka v obchodě je jeho.

Stránky mobilních aplikací B2B SaaS

Linear, Notion, HubSpot a Todoist výše jsou všechno B2B nebo prosumer produkty a mají společný vzorec, který stojí za pojmenování. Kupující už produkt používá na počítači; stránka mobilní aplikace neprodává produkt, prodává zvyk používat ho na telefonu. To stránku mění:

• Návštěvníka na počítači berte jako hlavní publikum. Návštěvníci často přicházejí z vlastního webu produktu, centra nápovědy nebo výzev v aplikaci, když sedí u notebooku. QR kód (nebo pole „pošlete mi odkaz“) je tedy primární CTA, ne záloha. Linear to dělá správně.
• Pojmenujte úkoly, pro které je mobil určen: schvalování, notifikace, rychlé zaznamenání, příprava před schůzkou, zápis hovoru po něm. Nevyjmenovávejte všechny funkce z desktopu.
• Odpovězte na otázky administrátora ohledně jednotného přihlašování, správy zařízení, bezpečnosti dat a toho, zda je aplikace součástí tarifu. Časté dotazy HubSpotu řeší otázku nákladů; enterprise produkty by měly přidat bezpečnost a administrátorská nastavení.
• Používejte důkazy pro konkrétní role. Citát terénního obchodního manažera nebo inženýra na pohotovosti přesvědčí lidi, kteří budou aplikaci skutečně používat.

Stejný B2B návštěvník může přijít i na telefonu z e-mailu, takže na mobilním rozvržení stále záleží. Jak by se B2B stránky měly přizpůsobit na malých obrazovkách, popisuje náš článek o mobilní B2B personalizaci, a naše příklady B2B landing pages rozebírají další typy stránek, které SaaS firma potřebuje.

Časté chyby

• Jen odznaky, žádná cesta pro desktop. Návštěvník na desktopu klikne na odznak App Store, přistane na webovém záznamu aplikace a musí hledat telefon. Přidejte QR kód s odkazem, který přesměrovává podle zařízení.
• Tisk samostatného QR kódu pro každý obchod s aplikacemi. Návštěvníci nevědí, který naskenovat. Použijte jeden kód s detekcí zařízení na straně serveru.
• Celoobrazovková vyskakovací okna „stáhněte si naši aplikaci“ na mobilu blokují obsah, kvůli kterému návštěvník přišel. Vlastní dokumentace Applu staví svůj nenápadný banner do kontrastu s celoobrazovkovým vyrušováním.
• Zobrazování hodnocení hvězdičkami zkopírovaného ze starého snímku obrazovky. Pokud už neodpovídá obchodu s aplikacemi, může si to kdokoli ověřit a důvěra utrpí.
• Seznamy funkcí bez obrazovek. Každé tvrzení o funkci by mělo mít snímek obrazovky, který ho dokazuje.
• Žádné měření. Instalace z obchodů s aplikacemi nelze ze stránky ve výchozím stavu měřit. Odkazy do obchodů označte parametry kampaně, pokud je obchody podporují, cíl QR kódu označte pomocí UTM builderu a kliknutí na odznaky a naskenování QR kódu měřte jako konverzi na stránce.
• Bez Smart App Banneru nebo App Links je zákazník, který aplikaci už má, vyzván k její opětovné instalaci.

Wireframe landing page aplikace ke zkopírování

Ukázková struktura pro B2B nebo prosumer aplikaci. Nejdřív ji vyplňte pomocí briefu pro landing page, aby nadpis a důkazy vycházely z výzkumu publika, ne ze seznamu funkcí.

1. Hlavička: meta tag Smart App Banneru s app-argument, který odkazuje na aktuální stránku.
2. Hero sekce, vlevo: nadpis (co aplikace dělá, do 10 slov), podnadpis (pro koho je a na jakých zařízeních), jeden řádek s důkazem (hodnocení, ocenění nebo zákazník).
3. Hero, vpravo: na desktopu QR kód s popiskem „Naskenujte a stáhněte“ a pod ním odznaky obou obchodů; na mobilu nejprve odpovídající odznak obchodu a snímek obrazovky telefonu.
4. Obrazovky: tři snímky obrazovky, každý s popiskem jedné akce („Schvalte jedním klepnutím“).
5. Sekce s úkoly: tři nebo čtyři bloky, každý se situací a funkcí, která ji řeší.
6. Sekce s důkazy: jedna nebo dvě konkrétní citace zákazníků nebo zmínky v médiích plus aktuální hodnocení v obchodě, pokud ho zobrazujete.
7. Další platformy: odkazy na desktopové a webové aplikace.
8. FAQ: cena, podporovaná zařízení a verze OS, synchronizace účtu, bezpečnost a administrátorská nastavení.
9. Závěrečné CTA: odznaky a QR kód zopakované.

Pak testujte části, na kterých pravděpodobně nejvíc záleží: umístění QR kódu na desktopu, registraci na webu před instalací oproti přímému přechodu do obchodu a to, který prvek důkazu je v hero sekci. Jak tyto testy prioritizovat při omezené návštěvnosti, popisuje náš průvodce optimalizací B2B landing page. Pokud stejná stránka obsluhuje velmi odlišná publika, segmentace v Markettailoru umí vyměnit blok s důkazem podle odvětví nebo firmy bez stavění samostatných stránek.

Časté dotazy

Co by měla obsahovat landing page mobilní aplikace?

Jasný nadpis o tom, k čemu aplikace slouží, oficiální odznaky App Store a Google Play, QR kód nebo možnost poslat odkaz pro návštěvníky z desktopu, skutečné snímky obrazovky nebo krátké video, jeden silný důkaz, jako je hodnocení, ocenění nebo citace zákazníka, několik sekcí funkcí formulovaných jako úkoly uživatele, FAQ a na konci zopakované CTA ke stažení.

Měla by mít landing page aplikace QR kód?

Ano, pokud podstatná část návštěvníků přichází z počítače, což je běžné u B2B aplikací a u stránek, na které vede odkaz z hlavního webu. Umístěte jeden QR kód vedle odznaků obchodů a nasměrujte ho na odkaz, který rozpozná zařízení a pošle návštěvníka do správného obchodu. Na mobilu ho skryjte nebo přesuňte pod odznaky.

Co je Smart App Banner?

Smart App Banner je funkce Applu, která v Safari na iOS zobrazí v horní části webové stránky malý banner. Přidáte ho jedním meta tagem s ID vaší aplikace v App Storu. Pokud návštěvník aplikaci má, banner ji otevře, volitelně na odpovídající obrazovce; pokud ne, odkáže na stránku aplikace v App Storu. Na nepodporovaných zařízeních se nezobrazí.

Jak měřit landing page aplikace?

Kliknutí na odznaky a naskenování QR kódů sledujte jako konverze na stránce, odkazy do obchodů a cíle QR kódů označte parametry kampaně, kde je to podporováno, a porovnávejte je s daty o instalacích v App Store Connect a Google Play Console. Instalace přiřazené ke stránce budou neúplné, proto změny posuzujte podle prokliků do obchodů a potvrzujte je trendy instalací.