Skip to content
buildbyalex
bodyforges.comWszystko na produkcji

Case study · Landing dla aplikacji iOS

Błyskawiczny landing -
prosto do App Store.

Aplikacja miała tylko stronę w App Store i nie było gdzie kierować ruchu. Zbudowałem ciemny, limonkowy landing w stylu aplikacji: RU + EN, pierwszy ekran w 0,7 s, jedna jasna ścieżka - do sklepu. Blog i Schema.org dają ruch organiczny.

Znajdują w wyszukiwarce · RU/ENJedna ścieżka → App Store
RU · EN
Dwa języki, hreflang
0,7 s
Do pierwszego ekranu
100%
Responsywność na telefonie
bodyforges.com
Google1. miejsce
aplikacja do treningu siłowego
bodyforges.com
RU / EN
App Store4.9
Body Forge
Zdrowie i fitness
Core Web Vitals100
FCP0,7 s
Pierwszy ekran · 100/100
01

Problem

Aplikacja miała stronę w App Store, ale nie było dokąd kierować ruchu. Link do sklepu nie tłumaczy, czym Body Forge bije setkę innych trackerów, nie rankuje w wyszukiwarce i działa w jednym języku. Potrzebna była własna strona: krótka, szybka i w stylu samej aplikacji - żeby ktoś z reklamy albo z wyszukiwarki zrozumiał wartość już na pierwszym ekranie i przeszedł do instalacji.

02

Rozwiązanie

Zbudowałem ciemny landing w identyfikacji aplikacji: czarne tło, limonkowy akcent, duża typografia. Pierwszy ekran to żywy zrzut treningu i jeden przycisk App Store. Niżej scroll rozkłada bloki - jak działa pętla treningu, trener AI, system gotowości, biblioteka ćwiczeń, programy i FAQ, każdy z animacją przy wejściu. Cała strona działa w dwóch językach (RU i EN) z poprawnym hreflang i zlokalizowanymi metatagami, z własnym blogiem pod ruch organiczny i znacznikami Schema.org. Wszystko statyczne i lekkie - pierwszy ekran serwuje się w około 0,7 sekundy.

Wyniki

  • Dwujęzyczny landing (RU + EN) z hreflang i zlokalizowanymi metatagami
  • Pierwszy ekran renderuje się w ~0,7 s, pełne wczytanie poniżej sekundy
  • Jedna jasna droga do celu: z każdego bloku prosto do App Store
  • Wbudowany blog i znaczniki Schema.org pracują na ruch organiczny

Strona: bodyforges.com

Chciałem, żeby strona otwierała się natychmiast i mówiła językiem aplikacji. Dlatego minimum wagi, maksimum charakteru: czerń, limonka i jeden przycisk.
Alex, buildbyalex

Jedna strona, dwa języki

Ten sam landing - po rosyjsku i angielsku

Przełącz język i zobacz, jak zmienia się cały ekran. Desktop i telefon - jeden layout, dwie wersje, poprawny hreflang na obu.

Zmień język
bodyforges.com/en
bodyforges.com — EN
Lokalizacja

RU + EN od ręki

Pełne tłumaczenie, zlokalizowane metatagi i hreflang - obie wersje indeksują się jako osobne strony.

Szybkość

Pierwszy ekran w ~0,7 s

Statyczne serwowanie, lekki start (~36 KB), animacje ładowane dopiero przy scrollu.

Konwersja

Jeden cel: instalacja

Każdy blok prowadzi do jednego przycisku App Store. Między zainteresowaniem a instalacją nic zbędnego.

Jedna pętla, która kręci się codziennie

Jak to działa

Jedna pętla, która kręci się codziennie

Trzy kroki - zbiera dane, AI je czyta, zwraca decyzję - na jednym ekranie.

Zapisz serię w sekundę

Żywy trening

Zapisz serię w sekundę

Poprzednia sesja i minutnik już są na ekranie, telefon nie kradnie treningu.

Werdykt dnia: zielony, żółty, czerwony

Gotowość

Werdykt dnia: zielony, żółty, czerwony

Rada opiera się na realnych liczbach - sen, tętno i obciążenie tygodnia.

buildbyalex.comWolny na nowe projekty
Discovery → Wycena

30 minut na discovery, a 24 godziny później masz stałą wycenę.

  1. 30 minrozmowa discovery
  2. 24 godz.stała wycena
  3. 0ukrytych faktur

Bez sprzedażowego pitcha — po prostu rozłożymy zadanie.

Porozmawiajmy