Wzornik, screenshotyWróć do portfolio

Screenshoty do sklepówMemphis i pop-art

Chochla

Plan obiadów na cały tydzień, lista zakupów, która pisze się sama, i przepisy z tego, co już leży w lodówce. Sześć kadrów opowiada to jak komiks, w którym mówią pomidor, pieróg i patelnia.

Kategoria
Jedzenie i picie
Dla kogo
pary i rodziny, które gotują w domu 4 do 6 razy w tygodniu
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

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

Rozdział 1: klient i zadanie

Codziennie to samo pytanie

Chochla to aplikacja do planowania obiadów dla domów, w których gotuje się prawie codziennie. Przepisy przeciąga się na dni tygodnia, a z planu powstaje lista zakupów pogrupowana według działów sklepu. Kiedy plan się sypie, aplikacja podpowiada obiad z tego, co zostało w lodówce.

Zespół potrzebował zestawu screenshotów do obu sklepów, po polsku i po angielsku, i drugiej wersji pierwszego kadru do testu. Kategoria jest pełna zdjęć jedzenia, które wyglądają tak samo. Zestaw miał się od nich odróżniać już w wynikach wyszukiwania i pokazać, że to narzędzie do planowania, a nie kolejna książka kucharska.

Problem
obiad wymyślany codziennie o 17, zakupy bez listy, jedzenie w koszu
Obietnica
tydzień obiadów z głowy, lista zakupów gotowa, obiad z tego, co jest
Ton
ciepły, zabawny, rodzinny, bez kuchennego patosu

Rozdział 2: kierunek

Komiks zamiast zdjęć jedzenia

Planowanie obiadów to rodzinna codzienność, a nie restauracyjna sesja zdjęciowa. Dlatego zamiast fotografii talerzy jest komiks: pomidor, jajko, pieróg i patelnia zbudowane z kół, trójkątów i zygzaków mówią nagłówki w dymkach, a wokół fruwa konfetti w duchu Memphis.

Wzory trzymają się krawędzi kadru. Telefon ma wokół siebie pas ciszy i żaden zygzak nie wchodzi na interfejs, co sprawdza skrypt przy każdym eksporcie. Kolory są płaskie, kontury grube, a cieniowanie robi raster z kropek, jak w starym druku.

Nagłówki składa Bangers, krój jak z komiksowego dymka, z wysokimi akcentami nad wielkimi literami, więc dymek ma zapas u góry. Interfejs składa Figtree. Dymki rysują się same wokół tekstu po złożeniu, więc dłuższy nagłówek w innym języku dostaje większy dymek bez ręcznej pracy.

  • Krem#FFF3DD
  • Pomidor#EE4B2B
  • Musztarda#F6B400
  • Kobalt#2547C8
  • Turkus#19B3A3
  • Róż#F7A8C9
  • Kontur#1A1714
  • Dymek#FFFFFF

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

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

Bangers w nagłówkach i dymkach, Figtree w grubościach 500, 700 i 800 w interfejsie

Rozdział 3: sekwencja

Plan, zakupy, garnek

Pierwsze trzy kadry rozwiązują wieczorny problem od początku do końca: plan na tydzień, lista zakupów i obiad z tego, co jest. Czwarty i piąty pokazują samo gotowanie, szósty daje powód, żeby zostać z aplikacją na dłużej.

  1. Kadr 1: Obiady na cały tydzień zaplanowane

    widać w wynikach wyszukiwania

    Obietnica w jednym zdaniu. Pomidor mówi o całym tygodniu, a na ekranie dorsz właśnie wjeżdża na wolny piątek.

  2. Kadr 2: Lista zakupów pisze się sama

    widać w wynikach wyszukiwania

    Dwie plansze: kartka z listą mówi nagłówek, a niżej lista zakupów pogrupowana według działów, z odhaczonymi produktami.

  3. Kadr 3: Ugotuj z tego, co masz

    widać w wynikach wyszukiwania

    Jedyny kadr z telefonem na środku. Jajko, cukinia, ser i cebula wskazują ekran, na którym pasują trzy przepisy.

  4. Kadr 4: Porcje dla dwojga albo piątki

    Przepis przeliczony na pięć osób, a obok dwa rastrowe koła: dla dwojga i dla piątki. Mówi pieróg.

  5. Kadr 5: Krok po kroku, z minutnikiem

    Tryb gotowania z minutnikiem. Za telefonem wybucha pop-artowa gwiazda, a patelnia robi dzyń.

  6. Kadr 6: Rodzinne przepisy w jednym miejscu

    Komiksowa strona z dwiema kartami przepisów od babci i mamy oraz telefonem z rodzinnymi kolekcjami.

W wynikach wyszukiwania widać trzy pierwsze kadry. Razem mówią, czym jest Chochla: planuje obiady, pisze listę zakupów i ratuje dzień, w którym planu nie było.

Rozdział 4: wyniki wyszukiwania

Trzy kadry w miniaturze

Neutralna makieta wyników wyszukiwania w obu sklepach. Biały dymek z czarnym konturem czyta się nawet przy szerokości stu pikseli, a ciepłe kolory odróżniają zestaw od zdjęć talerzy, które zwykle stoją obok.

Rozdział 5: przełącz i porównaj

Polski i angielski, oba sklepy

Przełącznik podmienia cały zestaw: język i sklep. Wersja angielska to inna kuchnia, nie tłumaczenie: zamiast leczo jest lentil chilli, zamiast placków z cukinii courgette fritters, a babcia Halina zostaje babcią Rose.

  • Plan obiadów od poniedziałku do niedzieli, a dorsz właśnie wjeżdża na piątek. Pomidor z buźką mówi nagłówek w dymku.
  • Dwa komiksowe kadry: kartka z listą mówi nagłówek, a niżej telefon z listą zakupów pogrupowaną według działów sklepu.
  • Jajko, cukinia, ser i cebula z kształtów wskazują telefon, w którym z tych produktów wychodzą trzy przepisy na obiad.
  • Przepis na pierogi ruskie przeliczony na 5 osób. Obok rastrowe koła z napisami ×2 i ×5, a pieróg z buźką mówi nagłówek.
  • Tryb gotowania leczo, krok 3 z 6 z minutnikiem na 12 minut. Za telefonem wybuch w stylu pop-art, nagłówek mówi patelnia.
  • Komiksowa plansza: karta z pierogami babci Haliny, karta z sernikiem mamy i telefon z rodzinnymi kolekcjami przepisów.

Rozdział 6: test A/B

Funkcja czy ból

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.

Plan obiadów od poniedziałku do niedzieli, a dorsz właśnie wjeżdża na piątek. Pomidor z buźką mówi nagłówek w dymku.
AObiady na cały tydzień zaplanowane
Ekran Dziś: leczo z kaszą jaglaną i wszystko w domu. Garnek z buźką mówi nagłówek, a znaki zapytania odlatują na boki.
BKoniec z pytaniem, co na obiad

Hipoteza. Nazwanie codziennego problemu w pierwszym kadrze przyciąga mocniej niż nazwa funkcji planowania. Ludzie, którzy co wieczór pytają, co na obiad, powinni częściej instalować aplikację po zobaczeniu wariantu B.

Plan obiadów od poniedziałku do niedzieli, a dorsz właśnie wjeżdża na piątek. Pomidor z buźką mówi nagłówek w dymku.
AGoogle Play
Ekran Dziś: leczo z kaszą jaglaną i wszystko w domu. Garnek z buźką mówi nagłówek, a znaki zapytania odlatują na boki.
BGoogle Play

Rozdział 7: grafiki

Chochla bez telefonu

Kremowe tło z memphisowym konfetti, dymek z nazwą Chochla i obietnicą, a obok pomidor, pieróg i jajko z buźkami.
Wersja polska, 1024×500 px
Cream ground with Memphis confetti, a speech bubble with the name Chochla and its promise, and a smiling tomato, pierog and egg.
Wersja angielska, 1024×500 px

Feature graphic do Google Play: kremowe tło z konfetti, duży dymek z nazwą i obietnicą, a obok trzech bohaterów. Telefonu nie ma, a środek, w którym sklep może położyć przycisk odtwarzania, zostaje wolny od tekstu.

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

Ikona to kobaltowa chochla z grubym konturem na pomidorowym tle i trzy musztardowe kropki, jak krople zupy. 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 do Icon Composer.

Rozdział 8: pliki

Paczka gotowa do wysłania

Klient dostaje jedną paczkę ZIP z folderami według sklepu i języka oraz plik z nagłówkami i tekstami alternatywnymi. Pliki są w formacie PNG, bo płaskie kolory i grube kontury zapisują się w nim bez strat i bez brudu wokół krawędzi. Każdy plik przeszedł walidator: wymiary, brak kanału alfa, RGB, rozmiar i liczba sztuk w zestawie.

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

chochla-aso.zip10,7 MB
  • App Store, iPhone 6,9″PNG12 plików5,0 MB
    • chochla-appstore-pl-01.png1320×2868 px443 KB
    • chochla-appstore-pl-02.png1320×2868 px592 KB
    • chochla-appstore-pl-03.png1320×2868 px367 KB
    • chochla-appstore-pl-04.png1320×2868 px353 KB
    • chochla-appstore-pl-05.png1320×2868 px416 KB
    • chochla-appstore-pl-06.png1320×2868 px412 KB
    • chochla-appstore-en-01.png1320×2868 px438 KB
    • chochla-appstore-en-02.png1320×2868 px574 KB
    • chochla-appstore-en-03.png1320×2868 px371 KB
    • chochla-appstore-en-04.png1320×2868 px344 KB
    • chochla-appstore-en-05.png1320×2868 px398 KB
    • chochla-appstore-en-06.png1320×2868 px403 KB
  • Google Play, telefonPNG12 plików3,4 MB
    • chochla-play-pl-01.png1080×1920 px315 KB
    • chochla-play-pl-02.png1080×1920 px387 KB
    • chochla-play-pl-03.png1080×1920 px271 KB
    • chochla-play-pl-04.png1080×1920 px236 KB
    • chochla-play-pl-05.png1080×1920 px289 KB
    • chochla-play-pl-06.png1080×1920 px280 KB
    • chochla-play-en-01.png1080×1920 px311 KB
    • chochla-play-en-02.png1080×1920 px371 KB
    • chochla-play-en-03.png1080×1920 px276 KB
    • chochla-play-en-04.png1080×1920 px228 KB
    • chochla-play-en-05.png1080×1920 px277 KB
    • chochla-play-en-06.png1080×1920 px276 KB
  • Wariant B pierwszego screenshotuPNG4 pliki2,0 MB
    • chochla-appstore-pl-01b.png1320×2868 px620 KB
    • chochla-play-pl-01b.png1080×1920 px395 KB
    • chochla-appstore-en-01b.png1320×2868 px623 KB
    • chochla-play-en-01b.png1080×1920 px396 KB
  • Google Play, feature graphicPNG2 pliki167 KB
    • chochla-feature-pl.png1024×500 px84 KB
    • chochla-feature-en.png1024×500 px84 KB
  • IkonyPNG, SVG5 plików125 KB
    • chochla-icon-appstore-1024.png1024×1024 px38 KB
    • chochla-icon-play-512.png512×512 px39 KB
    • chochla-icon.svg1,1 KB
    • chochla-icon-background.png1024×1024 px15 KB
    • chochla-icon-foreground.png1024×1024 px32 KB
  • Teksty nagłówkówCSV, JSON3 pliki22 KB
    • chochla-teksty.csv5,4 KB
    • pl.json8,8 KB
    • en.json8,3 KB

Rozdział 9: języki

Nowy język to jeden nowy plik

Nagłówki, napisy w dymkach, teksty alternatywne i wszystkie dane w interfejsie leżą w jednym pliku na język. Dymki rysują się wokół tekstu dopiero po złożeniu, a konfetti samo ustępuje im miejsca. Kolejny język to tłumaczenie jednego pliku i ponowny eksport.

copy/pl.json
{
  "lang": "pl",
  "slots": [
    { "headline": "Obiady na cały tydzień zaplanowane" },
    { "headline": "Lista zakupów pisze się sama" },
    { "headline": "Ugotuj z tego, co masz" },
    …
  ],
  "variantB": { "headline": "Koniec z pytaniem, co na obiad" }
}
copy/en.json
{
  "lang": "en",
  "slots": [
    { "headline": "A whole week of dinners, sorted" },
    { "headline": "The list writes itself" },
    { "headline": "Cook with what you've got" },
    …
  ],
  "variantB": { "headline": "Never ask what's for dinner again" }
}

Twoja aplikacja też może mówić dymkami

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