Wzornik, screenshotyWróć do portfolio

Screenshoty do sklepówPanorama ilustracyjna

Grań

Sześć screenshotów, które razem tworzą jeden krajobraz: od doliny o świcie, przez szczyt, po zejście o zachodzie. Zestaw do App Store i Google Play, po polsku i po angielsku.

App Store, iPhone 6,9″, wersja polska. Przewiń, żeby przejść całą trasę.

  • Mapa Karkonoszy w aplikacji Grań z kolorowymi szlakami i czasem przejścia między skrzyżowaniami, w tle dolina o świcie.
  • Lista map offline: Karkonosze i Góry Stołowe pobrane, Masyw Śnieżnika w trakcie pobierania. Telefon stoi wysoko na grzbiecie.
  • Ekran powrotu przed zmrokiem: zawróć najpóźniej o 13:55, zachód słońca o 16:18, alarm włączony.
  • Profil wysokości trasy na Śnieżkę w poziomie, strome odcinki zaznaczone na czerwono, za telefonem grzbiet o tym samym kształcie.
  • Warunki na grani: wiatr 38 km/h, porywy do 62 km/h, widoczność 2 km, podstawa chmur 1450 m. Przez kadr płyną chmury.
  • Dziennik zdobytych szczytów: Śnieżka, Śnieżnik, Szrenica, Wielka Sowa i Szczeliniec Wielki z datą i trasą, w tle zachód słońca.
Kategoria
Mapy i nawigacja
Dla kogo
turyści weekendowi w Sudetach, 25 do 55 lat
Zakres
6 kadrów w 2 sklepach i 2 językach, wariant B, feature graphic, ikony
Pliki
PNG bez kanału alfa, 1320×2868 i 1080×1920

01Klient i zadanie

Trasa na premierę w dwóch sklepach

Grań to aplikacja dla turystów, którzy w weekend jadą w Sudety z Wrocławia, Poznania i Opola. Liczy czas przejścia tak jak tabliczki na szlaku, ale w tempie użytkownika, działa bez zasięgu i pilnuje, żeby zejść przed zmrokiem.

Zespół potrzebował zestawu screenshotów na premierę w obu sklepach, po polsku i po angielsku, oraz drugiej wersji pierwszego kadru do testu. Warunek był jeden: pierwsze trzy obrazy mają same wyjaśnić, po co jest ta aplikacja.

02Kierunek

Jeden krajobraz, sześć okien

W wynikach wyszukiwania pierwsze trzy screenshoty stoją obok siebie. Ciągły krajobraz zamienia ten rząd w jedną scenę, więc Grań wyróżnia się wśród zrzutów ekranu na białym tle, zanim ktoś przeczyta choć jedno słowo.

Turyści znają z Sudetów ten widok: kolejne grzbiety bledną w oddali. Płaska ilustracja wektorowa oddaje go kilkoma warstwami koloru i zostawia ekranom pełną czytelność. Telefony stoją w krajobrazie, za pagórkami i na skale, a nie unoszą się nad tłem.

Paleta jest powściągliwa: chłodne szarozielone grzbiety, kremowe niebo i jedna czerwień, zarezerwowana dla szlaku. Krój Overpass wywodzi się z liter na znakach drogowych, więc nagłówki czyta się jak tabliczkę na rozstaju.

  • panorama 6 kadrów
  • warstwy grzbietów
  • jedna czerwień
  • krój z tabliczek
  • Mgła#F5EBDD
  • Świt#F4CDA5
  • Dal#AFC3CB
  • Grzbiet#6E8F9B
  • Las#2E5446
  • Głąb#17302A
  • Łąka#A7BF73
  • Znak#C8352B
  • Słońce#F2A93B
  • Biel#FFFDF8

Śnieżka 1603 m

Overpass 400, 600, 800 i 900, cyfry tabelaryczne

03Historia sekwencji

Jeden dzień na szlaku w sześciu kadrach

Zestaw to jeden dzień na szlaku. Czerwona linia wchodzi w kadr pierwszy od dołu, wspina się przez drugi i trzeci, sięga szczytu w czwartym, idzie granią w piątym i schodzi w szóstym.

  1. 01widać w wynikach

    Szlaki Sudetów z czasem przejścia

    Czym jest Grań: mapa z czasem przejścia między skrzyżowaniami. Szlak z krajobrazu wchodzi prosto w szlak na mapie.

  2. 02widać w wynikach

    Mapa działa tam, gdzie brak zasięgu

    Najczęstsza obawa w górach, czyli brak zasięgu. Mapy offline pokazane konkretnie, z pasmami i rozmiarami plików.

  3. 03widać w wynikach

    Wrócisz na dół przed zmrokiem

    Bezpieczeństwo bez straszenia: godzina, o której trzeba zawrócić, i słońce nisko nad zboczem.

  4. 04

    Każde podejście widać już w domu

    Szczyt. Profil trasy w poziomie, a za telefonem grań o dokładnie tym samym kształcie.

  5. 05

    Wiatr i widoczność na grani

    Warunki na grani. Chmury przepływają przez łączenia kadrów, a nagłówek siedzi na ciemnym paśmie kosodrzewiny.

  6. 06

    Zdobyte szczyty w jednym dzienniku

    Pamiątka z całego sezonu: dziennik zdobytych szczytów, na zejściu w świetle zachodu.

Pierwsze trzy kadry odpowiadają na pytanie, które turysta zadaje sobie w wynikach wyszukiwania: co to jest i czy mi się przyda. Szlaki z czasem przejścia, mapa bez zasięgu, bezpieczny powrót. Kolejne trzy pokazują głębię aplikacji w trakcie wyjścia.

04W wynikach wyszukiwania

Trzy kadry, jeden widok

Neutralna makieta wyników wyszukiwania. Tak zestaw wygląda w miniaturze: nagłówki czytelne przy szerokości około 100 pikseli, a panorama łączy trzy kadry w jeden widok.

05Cały zestaw

Polski i angielski, oba sklepy

Przełącznik podmienia cały zestaw: język, sklep, a przy panoramie także sposób oglądania. Po połączeniu kadrów widać, że to jedna grafika pocięta co do piksela.

  • Mapa Karkonoszy w aplikacji Grań z kolorowymi szlakami i czasem przejścia między skrzyżowaniami, w tle dolina o świcie.
  • Lista map offline: Karkonosze i Góry Stołowe pobrane, Masyw Śnieżnika w trakcie pobierania. Telefon stoi wysoko na grzbiecie.
  • Ekran powrotu przed zmrokiem: zawróć najpóźniej o 13:55, zachód słońca o 16:18, alarm włączony.
  • Profil wysokości trasy na Śnieżkę w poziomie, strome odcinki zaznaczone na czerwono, za telefonem grzbiet o tym samym kształcie.
  • Warunki na grani: wiatr 38 km/h, porywy do 62 km/h, widoczność 2 km, podstawa chmur 1450 m. Przez kadr płyną chmury.
  • Dziennik zdobytych szczytów: Śnieżka, Śnieżnik, Szrenica, Wielka Sowa i Szczeliniec Wielki z datą i trasą, w tle zachód słońca.

06Wariant A i B

Dokładny czas czy twoje tempo

Wariant B zmienia tylko pierwszy kadr, w obu sklepach i obu językach. Można go puścić jako test strony produktu w App Store i jako eksperyment w Google Play.

Mapa Karkonoszy w aplikacji Grań z kolorowymi szlakami i czasem przejścia między skrzyżowaniami, w tle dolina o świcie.
ASzlaki Sudetów z czasem przejścia
Plan trasy z otwartym ustawieniem tempa: czas liczony z ostatnich wyjść, 3 godziny 10 minut zamiast 2 godzin 50 minut ze znaków.
BSzlak dobrany do twojego tempa

Hipoteza. Osoby, które pierwszy raz jadą w Sudety i nie są pewne swojej kondycji, chętniej zainstalują aplikację, gdy pierwszy kadr obiecuje trasę dopasowaną do nich, niż gdy obiecuje dokładne czasy.

Mapa Karkonoszy w aplikacji Grań z kolorowymi szlakami i czasem przejścia między skrzyżowaniami, w tle dolina o świcie.
AGoogle Play
Plan trasy z otwartym ustawieniem tempa: czas liczony z ostatnich wyjść, 3 godziny 10 minut zamiast 2 godzin 50 minut ze znaków.
BGoogle Play

07Feature graphic i ikony

Grań bez telefonu

Grzbiet Sudetów o zachodzie słońca z czerwonym szlakiem, nazwa Grań i hasło o szlakach z czasem przejścia.
Wersja polska, 1024×500 px
A Sudetes ridge at sunset with a red marked trail, the name Grań and the line about trails with real walking times.
Wersja angielska, 1024×500 px

Feature graphic do Google Play: szeroki kadr grani o zachodzie, bez telefonu. Nazwa i hasło stoją w środkowych 80 procentach, a środek obrazu zostaje wolny pod przycisk odtwarzania.

Ikona Grań jako pełny kwadrat, tak jak trafia do sklepu
Plik źródłowy, pełny kwadrat
Ikona Grań z zaokrągleniem, jakie nakłada iPhone
Po masce na iPhonie
Ikona Grań z zaokrągleniem, jakie nakłada Google Play
Po masce w Google Play

Ta sama grafika w obu sklepach: trzy warstwy grzbietów i odcinek szlaku. Do App Store kwadrat 1024 px bez przezroczystości, do Google Play 512 px. Zaokrąglenie dokłada system, a w paczce są też osobne warstwy tła i pierwszego planu do Icon Composer.

08Co dostaje klient

Paczka gotowa do wysłania

Klient dostaje jedną paczkę ZIP z folderami według sklepu i języka oraz plik z nagłówkami, podtytułami i tekstami alternatywnymi. Każdy plik przeszedł walidator: wymiary, brak kanału alfa, RGB, rozmiar i liczba sztuk w zestawie.

gran-aso.zip9,5 MB
  • App Store, iPhone 6,9″PNG12 plików4,6 MB
    • gran-appstore-pl-01.png1320×2868 px510 KB
    • gran-appstore-pl-02.png1320×2868 px479 KB
    • gran-appstore-pl-03.png1320×2868 px408 KB
    • gran-appstore-pl-04.png1320×2868 px308 KB
    • gran-appstore-pl-05.png1320×2868 px245 KB
    • gran-appstore-pl-06.png1320×2868 px432 KB
    • gran-appstore-en-01.png1320×2868 px502 KB
    • gran-appstore-en-02.png1320×2868 px467 KB
    • gran-appstore-en-03.png1320×2868 px388 KB
    • gran-appstore-en-04.png1320×2868 px300 KB
    • gran-appstore-en-05.png1320×2868 px252 KB
    • gran-appstore-en-06.png1320×2868 px421 KB
  • Google Play, telefonPNG12 plików3,3 MB
    • gran-play-pl-01.png1080×1920 px363 KB
    • gran-play-pl-02.png1080×1920 px328 KB
    • gran-play-pl-03.png1080×1920 px292 KB
    • gran-play-pl-04.png1080×1920 px214 KB
    • gran-play-pl-05.png1080×1920 px192 KB
    • gran-play-pl-06.png1080×1920 px300 KB
    • gran-play-en-01.png1080×1920 px358 KB
    • gran-play-en-02.png1080×1920 px319 KB
    • gran-play-en-03.png1080×1920 px273 KB
    • gran-play-en-04.png1080×1920 px209 KB
    • gran-play-en-05.png1080×1920 px196 KB
    • gran-play-en-06.png1080×1920 px293 KB
  • Wariant B pierwszego screenshotuPNG4 pliki1,4 MB
    • gran-appstore-pl-01b.png1320×2868 px413 KB
    • gran-play-pl-01b.png1080×1920 px290 KB
    • gran-appstore-en-01b.png1320×2868 px409 KB
    • gran-play-en-01b.png1080×1920 px283 KB
  • Google Play, feature graphicPNG2 pliki141 KB
    • gran-feature-pl.png1024×500 px71 KB
    • gran-feature-en.png1024×500 px70 KB
  • IkonyPNG, SVG5 plików107 KB
    • gran-icon-appstore-1024.png1024×1024 px33 KB
    • gran-icon-play-512.png512×512 px31 KB
    • gran-icon.svg1,3 KB
    • gran-icon-background.png1024×1024 px19 KB
    • gran-icon-foreground.png1024×1024 px23 KB
  • Teksty nagłówkówCSV, JSON3 pliki23 KB
    • gran-teksty.csv5,4 KB
    • pl.json8,9 KB
    • en.json8,7 KB

Specyfikacje obu sklepów sprawdzone 7 października 2026.

09Kolejne języki

Nowy język to jeden nowy plik

Nagłówki, teksty alternatywne i wszystkie dane w interfejsie leżą w jednym pliku na język. Kompozycje, ekrany i eksport są wspólne, więc wersja niemiecka czy czeska to tłumaczenie jednego pliku i ponowne uruchomienie eksportu.

copy/pl.json
{
  "lang": "pl",
  "slots": [
    { "headline": "Szlaki Sudetów z czasem przejścia" },
    { "headline": "Mapa działa tam, gdzie brak zasięgu" },
    { "headline": "Wrócisz na dół przed zmrokiem" },
    …
  ],
  "variantB": { "headline": "Szlak dobrany do twojego tempa" }
}
copy/en.json
{
  "lang": "en",
  "slots": [
    { "headline": "Sudetes trails with real walking times" },
    { "headline": "Maps that work with no signal" },
    { "headline": "Get down before dark" },
    …
  ],
  "variantB": { "headline": "Trails matched to your pace" }
}

Potrzebujesz screenshotów do swojej aplikacji?

Napisz, co robi twoja aplikacja i do kogo trafia. Zaproponuję historię na sześć kadrów, zaprojektuję zestaw do obu sklepów i przygotuję pliki, które przejdą walidację za pierwszym razem.

Zobacz ofertę dla klientów