Wzornik, screenshotyWróć do portfolio

Screenshoty do sklepówCiemne szkło premium

Kruszec

Budżet na co dzień, poduszka finansowa i inwestycje na jednym spokojnym wykresie majątku. Sześć kadrów pokazuje aplikację do finansów osobistych bez obietnic i bez krzyku: granat, matowe szkło i jedna linia, która prowadzi przez cały zestaw.

Kategoria
Finanse
Dla kogo
osoby od 28 do 50 lat, które co miesiąc odkładają i inwestują pasywnie
Zakres
6 kadrów w 2 sklepach i 2 językach, wariant B, zestaw na iPada, feature graphic, ikony
Pliki
JPEG w jakości 90, 1320×2868, 1080×1920 i 2064×2752

App Store, iPhone 6,9″wersja polska, przewiń w bok

01Klient i zadanie

Budżet w jednej aplikacji, inwestycje w arkuszu

Kruszec to aplikacja do finansów osobistych dla ludzi, którzy mają konto oszczędnościowe, IKE albo IKZE i kilka funduszy indeksowych. Budżet zwykle prowadzą w jednej aplikacji, a inwestycje w arkuszu, więc nigdy nie widzą całości. Kruszec zbiera konta wpisane ręcznie albo z pliku CSV i rysuje z nich jeden wykres majątku netto.

Zespół potrzebował zestawu do obu sklepów, po polsku i po angielsku, wariantu pierwszego kadru do testu i zestawu na iPada, bo z panelu finansowego ludzie naprawdę korzystają na tablecie. Kategoria finansów jest pełna zielonych strzałek w górę. Ten zestaw miał budzić zaufanie spokojem, a nie obietnicą.

Problem
budżet w aplikacji, inwestycje w arkuszu, brak obrazu całości
Obietnica
cały majątek na jednym wykresie, wiesz, ile możesz dziś wydać
Granica
żadnych stóp zwrotu i obietnic, każda liczba opisana jako przykładowa

02Kierunek

Spokój zamiast zielonych strzałek

Pieniądze to temat, przy którym ludzie chcą czuć się bezpiecznie. Dlatego zestaw jest ciemny i cichy: głęboki granat, karty z matowego szkła ustawione w głębi i jedna linia majątku z delikatną poświatą. Nie ma neonu, nie ma nasyconych kolorów, a jedyny cieplejszy odcień czeka na rzadką wartość ujemną.

Bohaterem nie jest telefon, tylko wykres. W pierwszym kadrze linia majątku wychodzi z ekranu i biegnie przez cały kadr, a skrypt mierzy jej położenie na ekranie przy każdym eksporcie, więc w każdym języku łączy się dokładnie z wykresem w aplikacji.

Nagłówki składa Instrument Serif, wąski i elegancki szeryf, z jednym słowem w kursywie w kolorze linii. Interfejs składa Manrope z cyframi tabelarycznymi, żeby kwoty w kolumnach stały równo. Każdy ekran ma znacznik „Dane przykładowe”.

  • Głębia#0A1020
  • Granat#131D33
  • Szkło#1F283C
  • Tekst#EDF1F7
  • Tekst 2#9AA7BB
  • Szałwia#8FD4B6
  • Lód#B8CBE6
  • Platyna#DCE1E8
  • Koral#E8998B

Zażółć gęślą jaźń

186 420 zł · 5,2 miesiąca

Instrument Serif w nagłówkach i dużych liczbach, Manrope w grubościach 400, 500, 600 i 700 w interfejsie

03Sekwencja

Całość, dzień i bezpieczeństwo

Pierwsze trzy kadry pokazują całość, codzienność i bezpieczeństwo: majątek na jednym wykresie, kwotę, którą można dziś wydać, i poduszkę liczoną w miesiącach. Czwarty i piąty mówią o inwestowaniu bez obietnic, a szósty zamienia aplikację w miesięczny rytuał.

  1. Kadr 1: Cały majątek na jednym wykresie

    widać w wynikach wyszukiwania

    Obietnica w jednym obrazie. Linia majątku z trzech lat wychodzi z telefonu i biegnie w lewo aż do 2021 roku.

  2. Kadr 2: Wiesz, ile możesz dziś wydać

    widać w wynikach wyszukiwania

    Jedyny kadr bez telefonu. Budżet miesiąca wypełnia kadr jako duża szklana karta, a kwota na dziś jest na niej największą liczbą.

  3. Kadr 3: Poduszka finansowa liczona w miesiącach

    widać w wynikach wyszukiwania

    Duży miernik poduszki na szklanej karcie, a za nim rozmyty telefon, jak przy małej głębi ostrości.

  4. Kadr 4: Portfel trzyma się twojego planu

    Jedyny kadr z telefonem na środku. Pierścień alokacji otacza telefon i pokazuje, jak portfel stoi obok twojego planu.

  5. Kadr 5: Każda wpłata przybliża cel

    Szklana oś czasu biegnie nad telefonem. Wpłaty to kropki, które idą do celu, licząc same wpłaty, a na końcu osi czeka karta z kwotą wkładu.

  6. Kadr 6: Miesiąc w jednym spokojnym raporcie

    Dwa telefony jeden na drugim: lista kont z tyłu i spokojny raport za wrzesień z przodu.

W wynikach wyszukiwania widać trzy pierwsze kadry. Razem mówią, czym jest Kruszec: pokazuje cały majątek, pilnuje budżetu na dziś i liczy, na ile miesięcy wystarczy poduszka.

04Wyniki wyszukiwania

Ciemny zestaw w miniaturze

Neutralna makieta wyników wyszukiwania w obu sklepach. Ciemny zestaw łatwo zamienia się w błoto w małej miniaturze, więc nagłówki są jasne i duże, a linia wykresu ma poświatę, która trzyma ją przy szerokości stu pikseli.

05Przełącz i porównaj

Polski i angielski, oba sklepy

Przełącznik podmienia cały zestaw: język i sklep. Wersja angielska to inny świat, nie tłumaczenie: zamiast IKE i IKZE są ISA i emerytura pracownicza, zamiast obligacji skarbowych gilty, a kwoty są w funtach.

  • Wykres majątku netto z ostatnich trzech lat wychodzi z telefonu i biegnie przez cały kadr. Dane przykładowe, 186 420 zł.
  • Budżet października na dużej szklanej karcie: dziś możesz wydać 142 zł, bo na 15 dni zostało 2 130 zł. Pod spodem wydatki.
  • Duża szklana karta z miernikiem: poduszka starcza na 5,2 miesiąca wydatków, cel to 6. Za nią rozmyty telefon.
  • Szklany pierścień alokacji wokół telefonu: akcje, obligacje i gotówka obok twojego planu 70, 20 i 10.
  • Szklana oś czasu nad telefonem, wpłaty na wkład własny to kropki. Zebrane 31 680 z 60 000 zł.
  • Dwa telefony jeden na drugim: z przodu raport za wrzesień w trzech zdaniach i trzech liczbach, z tyłu lista kont.

06iPad 13 cali

Ten sam zestaw na iPadzie

Panel finansowy to aplikacja, której ludzie używają na tablecie, więc Kruszec dostał pokazowy zestaw na iPada 13 cali w rozdzielczości 2064×2752. Nagłówki zostają te same, a ekrany zmieniają się w panel z dwiema kolumnami: wykres obok listy kont, budżet obok celu.

Wersja polska

Wersja angielska

07Test A/B

Wykres czy jedno miejsce

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

Wykres majątku netto z ostatnich trzech lat wychodzi z telefonu i biegnie przez cały kadr. Dane przykładowe, 186 420 zł.
ACały majątek na jednym wykresie
Lista kont w telefonie, a obok szklane karty: konto osobiste, oszczędnościowe, IKE, IKZE i obligacje. Dane przykładowe.
BBudżet i inwestycje obok siebie

Hipoteza. Ludzie, którzy prowadzą budżet w jednej aplikacji, a inwestycje w arkuszu, mocniej zareagują na obietnicę „budżet i inwestycje obok siebie” niż na sam wykres. Wariant B pokazuje listę kont zamiast linii majątku.

Wykres majątku netto z ostatnich trzech lat wychodzi z telefonu i biegnie przez cały kadr. Dane przykładowe, 186 420 zł.
AGoogle Play
Lista kont w telefonie, a obok szklane karty: konto osobiste, oszczędnościowe, IKE, IKZE i obligacje. Dane przykładowe.
BGoogle Play

08Grafiki

Linia bez telefonu

Granatowe tło, przez które biegnie spokojna linia majątku z delikatną poświatą, nazwa Kruszec i obietnica aplikacji.
Wersja polska, 1024×500 px
A deep navy background crossed by a calm net worth line with a soft glow, the name Kruszec and the app's promise.
Wersja angielska, 1024×500 px

Feature graphic do Google Play: granat, przez który biegnie spokojna linia majątku z poświatą, nazwa w szeryfie i obietnica po lewej. Telefonu nie ma, a środek, w którym sklep może położyć przycisk odtwarzania, zostaje wolny od tekstu.

Ikona Kruszec jako pełny kwadrat, tak jak trafia do sklepu
plik źródłowy
Ikona Kruszec z zaokrągleniem, jakie nakłada iPhone
maska iPhone'a
Ikona Kruszec z zaokrągleniem, jakie nakłada Google Play
maska Google Play

Ikona to kwadrat z matowego szkła na granacie i jedna spokojna linia w kolorze szałwii. Bez strzałki w górę i bez schodów, które obiecywałyby wzrost. Do App Store kwadrat 1024 px bez przezroczystości, do Google Play 512 px. W paczce są też osobne warstwy do Icon Composer.

09Pliki

Paczka gotowa do wysłania

Klient dostaje jedną paczkę ZIP z folderami według sklepu i języka, zestawem na iPada oraz plikiem z nagłówkami i tekstami alternatywnymi. Pliki są w formacie JPEG w jakości 90 bez podpróbkowania koloru: miękkie poświaty i rozmycia w PNG ważyłyby pięć razy więcej, a przy tej jakości krawędzie tekstu zostają czyste. Każdy plik przeszedł walidator: wymiary, brak kanału alfa, RGB, rozmiar, liczba sztuk w zestawie i lista słów, których w aplikacji finansowej nie wolno użyć, jak zysk czy stopa zwrotu.

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

kruszec-aso.zip9,1 MB
  • App Store, iPhone 6,9″JPEG12 plików2,6 MB
    • kruszec-appstore-pl-01.jpg1320×2868 px230 KB
    • kruszec-appstore-pl-02.jpg1320×2868 px239 KB
    • kruszec-appstore-pl-03.jpg1320×2868 px204 KB
    • kruszec-appstore-pl-04.jpg1320×2868 px242 KB
    • kruszec-appstore-pl-05.jpg1320×2868 px213 KB
    • kruszec-appstore-pl-06.jpg1320×2868 px239 KB
    • kruszec-appstore-en-01.jpg1320×2868 px197 KB
    • kruszec-appstore-en-02.jpg1320×2868 px228 KB
    • kruszec-appstore-en-03.jpg1320×2868 px179 KB
    • kruszec-appstore-en-04.jpg1320×2868 px221 KB
    • kruszec-appstore-en-05.jpg1320×2868 px230 KB
    • kruszec-appstore-en-06.jpg1320×2868 px215 KB
  • Google Play, telefonJPEG12 plików1,6 MB
    • kruszec-play-pl-01.jpg1080×1920 px139 KB
    • kruszec-play-pl-02.jpg1080×1920 px157 KB
    • kruszec-play-pl-03.jpg1080×1920 px124 KB
    • kruszec-play-pl-04.jpg1080×1920 px154 KB
    • kruszec-play-pl-05.jpg1080×1920 px133 KB
    • kruszec-play-pl-06.jpg1080×1920 px149 KB
    • kruszec-play-en-01.jpg1080×1920 px119 KB
    • kruszec-play-en-02.jpg1080×1920 px147 KB
    • kruszec-play-en-03.jpg1080×1920 px110 KB
    • kruszec-play-en-04.jpg1080×1920 px142 KB
    • kruszec-play-en-05.jpg1080×1920 px142 KB
    • kruszec-play-en-06.jpg1080×1920 px136 KB
  • Wariant B pierwszego screenshotuJPEG4 pliki843 KB
    • kruszec-appstore-pl-01b.jpg1320×2868 px244 KB
    • kruszec-play-pl-01b.jpg1080×1920 px161 KB
    • kruszec-appstore-en-01b.jpg1320×2868 px264 KB
    • kruszec-play-en-01b.jpg1080×1920 px174 KB
  • Google Play, feature graphicJPEG2 pliki75 KB
    • kruszec-feature-pl.jpg1024×500 px40 KB
    • kruszec-feature-en.jpg1024×500 px35 KB
  • IkonyPNG, SVG5 plików490 KB
    • kruszec-icon-appstore-1024.png1024×1024 px195 KB
    • kruszec-icon-play-512.png512×512 px95 KB
    • kruszec-icon.svg2,2 KB
    • kruszec-icon-background.png1024×1024 px141 KB
    • kruszec-icon-foreground.png1024×1024 px57 KB
  • App Store, iPad 13″JPEG12 plików3,5 MB
    • kruszec-ipad-pl-01.jpg2064×2752 px345 KB
    • kruszec-ipad-pl-02.jpg2064×2752 px246 KB
    • kruszec-ipad-pl-03.jpg2064×2752 px273 KB
    • kruszec-ipad-pl-04.jpg2064×2752 px369 KB
    • kruszec-ipad-pl-05.jpg2064×2752 px276 KB
    • kruszec-ipad-pl-06.jpg2064×2752 px355 KB
    • kruszec-ipad-en-01.jpg2064×2752 px305 KB
    • kruszec-ipad-en-02.jpg2064×2752 px235 KB
    • kruszec-ipad-en-03.jpg2064×2752 px239 KB
    • kruszec-ipad-en-04.jpg2064×2752 px345 KB
    • kruszec-ipad-en-05.jpg2064×2752 px291 KB
    • kruszec-ipad-en-06.jpg2064×2752 px323 KB
  • Teksty nagłówkówCSV, JSON3 pliki24 KB
    • kruszec-teksty.csv7,2 KB
    • pl.json8,5 KB
    • en.json8,3 KB

10Języki

Nowy język to jeden nowy plik

Nagłówki, słowo w kursywie, teksty alternatywne i wszystkie dane w interfejsie leżą w jednym pliku na język, razem z walutą. Linia majątku przelicza się z kwot w pliku, a skrypt dopasowuje ją do wykresu na ekranie. Kolejny język to jeden nowy plik i ponowny eksport.

copy/pl.json
{
  "lang": "pl",
  "slots": [
    { "headline": "Cały majątek na jednym wykresie" },
    { "headline": "Wiesz, ile możesz dziś wydać" },
    { "headline": "Poduszka finansowa liczona w miesiącach" },
    …
  ],
  "variantB": { "headline": "Budżet i inwestycje obok siebie" }
}
copy/en.json
{
  "lang": "en",
  "slots": [
    { "headline": "Your net worth on one chart" },
    { "headline": "Know what's safe to spend" },
    { "headline": "Your safety net, counted in months" },
    …
  ],
  "variantB": { "headline": "Spending and investments side by side" }
}

Twoja aplikacja finansowa też może mówić spokojnie

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