Skip to content
buildbyalex
bodyforges.comWszystko na produkcji

Landing page aplikacji iOS

Body Forge - strona aplikacji

Dwujęzyczny landing dla aplikacji fitness: ciemna, nastawiona na konwersję strona pod instalacje z App Store, w wersji rosyjskiej i angielskiej, z pierwszym ekranem renderowanym w mniej niż sekundę.

RU · EN
Dwa języki, hreflang
0,7 s
Do pierwszego ekranu
100%
Responsywność na telefonie
Wszystko na produkcji · bodyforges.com
bodyforges.com
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

Potrzebujesz czegoś podobnego?

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
Body Forge - strona aplikacji — Landing page aplikacji iOS · buildbyalex — buildbyalex