aplikacja mobilna
Pełna lista ekranów ze specyfikacji dla iOS, wersja Android kluczowych ekranów, stany ładowania, błędów i pustych list oraz UI Kit. Styl marki zachowany: róż #F86C9E, grafitowy tekst, czcionki ze strony — Noto Serif Display w nagłówkach i Inter w interfejsie.
Główne rozwiązanie: mechanikę sklepu „drugi model w koszyku — cena hurtowa za oba” widać na każdym kroku. Kupująca widzi cenę hurtową na karcie, w ulubionych, w koszyku i przy składaniu zamówienia, więc średni koszyk rośnie bez osobnych promocji.
iOS
Wszystkie 16 ekranów ze specyfikacji plus onboarding i potwierdzenie zamówienia. Kolejność odpowiada ścieżce kupującej od pierwszego uruchomienia do ponownego zamówienia.
Pierwsze uruchomienie
odzież damska
Wersja 1.0Uruchomienie
Logo na delikatnie różowym tle marki, bez banerów reklamowych. Podczas ekranu startowego aplikacja pobiera katalog i koszyk, dzięki czemu strona główna otwiera się od razu wypełniona.
Dwie rzeczy — cena hurtowa za obie
Dodaj do koszyka dowolne dwa modele, a cena każdego spadnie automatycznie. Bez kodów rabatowych i minimalnych kwot.
DalejTrzy slajdy przy pierwszym uruchomieniu
Nowa kolekcja, cena hurtowa od dwóch sztuk, dostawa Nova Poshta. Każdy slajd można pominąć, więc wprowadzenie nie przeszkadza osobom, które przyszły po konkretną rzecz.
Logowanie lub rejestracja
Wyślemy kod SMS-em. Jeśli jesteś tu pierwszy raz, konto utworzy się samo.
Kontynuując, akceptujesz umowę publicznej oferty. Koszyk i ulubione z trybu gościa przejdą na konto.
Logowanie numerem telefonu
Jeden ekran zamiast dwóch: numer i kod z SMS-a. Hasło niepotrzebne, a rejestracja dzieje się sama. Kupować można bez logowania, konto proponujemy dopiero przy składaniu zamówienia.
Wybór produktu
Jesień 2026
Kurtki, trencze i ciepłe dzianiny
Zobacz kolekcję
Nowości
Kurtki
Garnitury
Sukienki
WyprzedażNowości
WszystkieNowość
Start
Wystawa jak w aplikacji, a nie strona w oknie: wyszukiwarka zawsze pod ręką, kolekcje w kółkach jak stories, baner sezonu z prawdziwych zdjęć sklepu. Plakietka „2+” wyjaśnia cenę hurtową jednym wierszem.
NowościNew
Kurtki i płaszcze
Trencze
Garnitury
Sukienki
Koszule i t-shirtyKategorie ze zdjęciami
Każdą kategorię pokazuje prawdziwa rzecz z niej, więc szukanie wzrokiem jest łatwiejsze niż w tekstowym menu. Przełącznik „Dla niej / Dla niego” powtarza dwie kolekcje sklepu.
Kurtki i płaszcze
Nowość
Filtry zawsze na widoku
Wybrane filtry stoją jako chipy nad siatką i zdejmuje się je jednym dotknięciem. Siatka w dwóch kolumnach z dużymi zdjęciami, a cena hurtowa jest podpisana na każdej karcie.
Kurtki i płaszcze
Filtry
WyczyśćPanel od dołu
Filtry otwierają się nad listą, więc kupująca nie traci miejsca w katalogu. Rozmiary pochodzą z siatki sklepu, a przełącznik „Mój rozmiar jest dostępny” ukrywa modele, których nie ma w jej rozmiarze.
Wyniki podczas pisania
Podpowiedzi, ostatnie zapytania i produkty ze zdjęciem i ceną pojawiają się od razu, bez przejścia na osobną stronę. Można szukać też po numerze artykułu, jak w sklepie.
Zakup
Idealna ramoneska na podszewce
Karta produktu
Zdjęcie na cały ekran, bo ubranie sprzedaje obraz. Kolor wybiera się miniaturami prawdziwych zdjęć, rozmiar — przyciskami z siatki sklepu. Przycisk koszyka przypięty na dole, pod kciukiem.
Ulubione podpowiadają korzyść
Aplikacja sama liczy, ile będą kosztować razem dwie rzeczy z ulubionych. Przycisk „Do koszyka” jest na każdej karcie, żeby nie otwierać produktu od nowa.
Koszyk
1 produkt
Dopełnij stylizację
cena już hurtowaKoszyk
Skala „1 z 2” pokazuje, ile brakuje do ceny hurtowej, a zestaw poniżej pozwala to zrobić jednym dotknięciem. Ceny w zestawie są już hurtowe — widać, ile dokładnie zaoszczędzi kupująca.
Składanie zamówienia
Jeden ekran do płatności
Dane kontaktowe, dostawa i płatność na jednym ekranie, a przy ponownym zamówieniu wszystko jest już wypełnione. Osobny wiersz pokazuje, ile oszczędziła cena hurtowa, a dostawę uczciwie oznaczono „płatne przy odbiorze”, jak w sklepie.
Dostawa i płatność
Metody, które już działają
Tylko te usługi i płatności, które są w sklepie: Nova Poshta, Ukrposhta z warunkiem „od 2 sztuk”, dostawa międzynarodowa, LiqPay i terminale PrivatBanku. Oddział wyszukuje się po numerze lub adresie.
Dziękujemy! Zamówienie przyjęte
№ 48217Numer śledzenia przyjdzie SMS-em i tutaj, gdy tylko przekażemy paczkę Nova Poshta.
2 230 ₴Co dalej — powiedziane od razu
Numer zamówienia, kwota, sposób dostawy i obietnica numeru przesyłki. Następny krok jest jeden — śledzenie zamówienia, więc niespokojnych pytań „gdzie moja paczka” będzie mniej.
Konto
Konto bez zbędnych rzeczy
Zamówienia, ulubione i adresy wyniesione kafelkami na górę. „Mój rozmiar” zapisuje się raz i dalej podstawia się do filtrów i karty produktu.
Status i śledzenie w jednej karcie
Skala pokazuje, gdzie jest paczka, a numer listu przewozowego widać bez zbędnych przejść. Odebrane zamówienie można powtórzyć jednym dotknięciem lub ocenić.
Powiadomienia
Przeczytaj wszystkieNowości jesieni: skrócone płaszcze i trencze już w katalogu.10:05Tylko przydatne powiadomienia
Status zamówienia, pojawienie się rozmiaru w ulubionych i nowości. Bez masowych mailingów, a każdy typ powiadomień wyłącza się osobno w profilu.
Dostawa i płatność
NPNova Poshta
- 2–5 dni roboczych, do wygodnego oddziału
- Od 80 ₴ według taryfy, płatność przy odbiorze
- Numer przesyłki przychodzi w SMS-ie
UPUkrposhta
- 5–10 dni roboczych, nawet do odległych wsi
- Od 45 ₴, doliczane do kwoty zamówienia
Minimalne zamówienie — 2 sztuki produktu
Płatność
- Kartą Visa / Mastercard przez LiqPay
- Gotówką w terminalach PrivatBanku
Teksty sklepu wygodne do czytania
Dostawa, zwroty, oferta, kontakt. Tekst sklepu podzielono na krótkie karty, a najważniejsze, jak „Ukrposhta od 2 sztuk”, wyróżniono, żeby nie zginęło w tekście.
Android
Kluczowe ekrany w Material 3 obok iOS. Marka, siatka i teksty są wspólne, a nawigacja, przyciski i gesty — natywne dla każdej platformy.
Jesień 2026
Zobacz kolekcjęNowości
WszystkieNowośćStart
Ta sama wystawa, ale według zasad Androida: pole wyszukiwania-pigułka Material 3, chipy filtrów zamiast kółek stories, karty z promieniem 28 i dolna nawigacja ze wskaźnikiem-pigułką. Czcionki i kolory marki te same, więc aplikacja jest rozpoznawalna na obu platformach.
Idealna ramoneska na podszewce
Karta produktu
Na Androidzie „Wstecz” to strzałka, a nie szewron, akcje schowano w menu „⋮”, a rozmiar wybiera się segmentowanym przyciskiem Material 3 z ptaszkiem. Przyciski-pigułki o wysokości 56 i „Ulubione” obok głównej akcji, jak przyjęto na Androidzie.
Koszyk
Dopełnij stylizację
cena już hurtowa
Koszyk
Skala do ceny hurtowej stała się liniowym wskaźnikiem Material 3, licznik ilości — tonalną pigułką, a przycisk „Zamawiam” — pełną pigułką nad nawigacją. Logika i teksty takie same jak na iOS, więc programista dostaje jedną specyfikację na dwie platformy.
Stany
To, o czym zwykle zapomina się w makietach, a co potem wymyśla programista. Każdy stan ma tekst i akcję, a nie tylko szarą zaślepkę.
Sukienki
Szkielet zamiast spinnera
Siatka pojawia się w kształcie przyszłych kart, więc ekran nie skacze, gdy ładują się zdjęcia. Animacja wyłącza się, jeśli w systemie włączono „Ogranicz ruch”.
Sukienki
Brak połączenia
Katalog się nie załadował. Koszyk i ulubione zapisano w telefonie, nic nie zginie.
Spróbuj ponownieBłąd, który uspokaja
Wyjaśniamy, co się stało i że z zakupami wszystko w porządku, a akcja jest jedna — spróbować ponownie. Jeśli błąd dotyczy jednego bloku, reszta ekranu działa dalej.
Koszyk
Koszyk jest na razie pusty
Dowolne dwie rzeczy — i cena obu stanie się hurtowa.
Zobacz nowościOglądane
Pusto, ale jest dokąd iść
Pusty koszyk przypomina o cenie hurtowej i od razu pozwala kontynuować od tego, co kupująca już oglądała. Tak samo zrobiono puste ulubione, wyszukiwanie i zamówienia.
UI Kit
Tokeny na dwóch poziomach: bazowe kolory marki i role (tekst, tło, akcent, cena hurtowa). W Figmie to Variables z trybami iOS / Android, więc komponenty przełączają się między platformami bez przerysowywania.
Kolory
#F86C9Eakcent, plakietki
#FFEAF2cena hurtowa, podpowiedzi
#B9356Atekst na różowym
#282828tekst, przyciski
#6E6E6Etekst drugorzędny
#F7F7F7pola, podkłady
Typografia
Noto Serif DisplayJesień 2026
Noto Serif DisplayDopełnij stylizację
Inter SemiboldIdealna ramoneska na podszewce
Inter RegularZamsz na dajvingu, podszewka. Dostawa Nova Poshta 2–5 dni.
Inter Bold, cyfry tej samej szerokości1 400 ₴ 1 300 ₴
Przyciski
Wybór i ilość
Karta produktu
Pola i wybór
Statusy, chipy, powiadomienia
Android · Material 3
Dolna nawigacja
iOS: tab bar z podpisami, „Wstecz” gestem. Android: Material 3 Navigation bar ze wskaźnikiem-pigułką, systemowy przycisk „Wstecz”.
Stany
Co tu pokazano
Wszystkie 16 ekranów ze specyfikacji dla iOS, onboarding i potwierdzenie zamówienia, trzy kluczowe ekrany Androida, stany i podstawa systemu projektowego. Zdjęcia i ceny — z bieżącego katalogu koshka.com.ua.
Co będzie w finale
Pełny zestaw ekranów Androida, UI Kit w Figmie na komponentach i Variables z trybami iOS / Android, klikalny prototyp głównych scenariuszy i makiety na małe i duże ekrany, gotowe do przekazania programiście.
Droga do zamówienia
Od karty do płatności cztery dotknięcia: rozmiar, „Dodaj do koszyka”, „Zamawiam”, „Zapłać”. Przy ponownym zamówieniu dane kontaktowe i oddział są już wypełnione.
Koncepcja do dyskusji. Zdjęcia produktów i logo należą do Koshka.com.ua i są pobierane ze strony sklepu wyłącznie na potrzeby tej makiety.