мобільний застосунок
Повний перелік екранів із ТЗ для iOS, Android-версія ключових екранів, стани завантаження, помилки й порожніх списків та UI Kit. Стиль бренду збережено: рожевий #F86C9E, графітовий текст, шрифти сайту — Noto Serif Display для заголовків та Inter для інтерфейсу.
Головне рішення: механіку сайту «друга модель у кошику — оптова ціна на обидві» видно на кожному кроці. Покупниця бачить оптову ціну на картці, в обраному, кошику й оформленні, тож середній чек росте без окремих акцій.
iOS
Усі 16 екранів із ТЗ плюс онбординг і підтвердження замовлення. Порядок — шлях покупниці від першого запуску до повторного замовлення.
Перший запуск
жіночий одяг
Версія 1.0Запуск
Логотип на ніжно-рожевому тлі бренду, без рекламних банерів. Поки йде заставка, застосунок підвантажує каталог і кошик, тож головна відкривається одразу заповненою.
Дві речі — оптова ціна на обидві
Додайте в кошик будь-які дві моделі, і ціна кожної знизиться сама. Без промокодів і мінімальних сум.
ДаліТри слайди при першому запуску
Нова колекція, оптова ціна від двох речей, доставка Новою Поштою. Кожен слайд пропускається, тому знайомство не заважає тим, хто прийшов по конкретну річ.
Вхід або реєстрація
Надішлемо код у SMS. Якщо ви тут уперше, акаунт створиться сам.
Продовжуючи, ви погоджуєтеся з договором публічної оферти. Кошик і обране з гостьового режиму перейдуть в акаунт.
Вхід за номером телефону
Один екран замість двох: номер і код із SMS. Пароль не потрібен, а реєстрація відбувається сама. Купувати можна і без входу, акаунт пропонуємо лише на оформленні.
Вибір товару
Осінь 2026
Куртки, тренчі й теплий трикотаж
Дивитись колекцію
Новинки
Куртки
Костюми
Сукні
РозпродажНовинки
УсіНовинка
Головна
Вітрина як у застосунку, а не сайт у вікні: пошук завжди під рукою, колекції кружками-сторіз, банер сезону з реальних фото магазину. Плашка «2+» пояснює оптову ціну одним рядком.
НовинкиNew
Куртки й пальто
Тренчі
Костюми
Сукні
Сорочки й футболкиКатегорії з фото
Кожна категорія показана реальною річчю з неї, тому шукати очима легше, ніж у текстовому меню. Перемикач «Жінкам / Чоловікам» повторює дві колекції сайту.
Куртки й пальто
Новинка
Фільтри завжди на виду
Обрані фільтри стоять чипами над сіткою і знімаються одним дотиком. Сітка у дві колонки з великими фото, а оптова ціна підписана на кожній картці.
Куртки й пальто
Фільтри
СкинутиШторка знизу
Фільтри відкриваються поверх списку, тож покупниця не губить місце в каталозі. Розміри взято з сітки сайту, перемикач «Є мій розмір» приховує моделі, яких немає в її розмірі.
Результати під час набору
Підказки, нещодавні запити й товари з фото й ціною з'являються одразу, без переходу на окрему сторінку. Шукати можна і за артикулом, як на сайті.
Покупка
Ідеальна косуха на підкладці
Карточка товару
Фото на весь екран, бо одяг продає картинка. Колір обирається мініатюрами реальних фото, розмір — кнопками з сітки сайту. Кнопка кошика закріплена внизу під великим пальцем.
Обране підказує вигоду
Застосунок сам рахує, скільки коштуватимуть дві речі з обраного разом. Кнопка «У кошик» стоїть на кожній картці, щоб не відкривати товар заново.
Кошик
1 товар
Доповніть образ
ціна вже оптоваКошик
Шкала «1 з 2» показує, скільки лишилось до оптової ціни, а підбірка нижче дає зробити це одним дотиком. Ціни в підбірці вже оптові — видно, що саме покупниця заощадить.
Оформлення
Один екран до оплати
Контакти, доставка й оплата на одному екрані, а для повторного замовлення все вже заповнено. Окремим рядком видно, скільки зекономила оптова ціна, а доставку чесно позначено «при отриманні», як на сайті.
Доставка і оплата
Способи, які вже працюють
Лише ті служби й оплати, що є на сайті: Нова Пошта, Укрпошта з умовою «від 2 одиниць», міжнародна доставка, LiqPay і термінали ПриватБанку. Відділення шукається за номером або адресою.
Дякуємо! Замовлення прийнято
№ 48217Номер для відстеження прийде в SMS і сюди, щойно передамо посилку Новій Пошті.
2 230 ₴Що далі — сказано одразу
Номер замовлення, сума, спосіб доставки й обіцянка про трек-номер. Наступний крок один — відстежити замовлення, тому тривожних дзвінків «а де моя посилка» стане менше.
Кабінет
Кабінет без зайвого
Замовлення, обране й адреси винесено плитками нагору. «Мій розмір» зберігається один раз і далі підставляється у фільтри та картку товару.
Мої замовлення
2 230 ₴
Статус і трек в одній картці
Шкала показує, де посилка, а номер накладної видно без зайвих переходів. Отримане замовлення можна повторити одним дотиком або оцінити.
Сповіщення
Прочитати всеНовинки осені: вкорочені пальта й тренчі вже в каталозі.10:05Лише корисні сповіщення
Статус замовлення, поява розміру в обраному й новинки. Масових розсилок немає, а кожен тип сповіщень вимикається окремо в профілі.
Доставка і оплата
НПНова Пошта
- 2–5 робочих днів, у зручне відділення
- Від 80 ₴ за тарифом, оплата при отриманні
- Трек-номер приходить у SMS
УПУкрпошта
- 5–10 робочих днів, навіть у віддалені села
- Від 45 ₴, додається до суми замовлення
Мінімальне замовлення — 2 одиниці товару
Оплата
- Карткою Visa / Mastercard через LiqPay
- Готівкою в терміналах ПриватБанку
Тексти сайту, зручні для читання
Доставка, повернення, оферта, контакти. Текст сайту розбито на короткі картки, а головне, як-от «Укрпошта від 2 одиниць», виділено, щоб не загубилось у тексті.
Android
Ключові екрани в Material 3 поруч з iOS. Бренд, сітка й тексти спільні, а навігація, кнопки й жести — рідні для кожної платформи.
Осінь 2026
Дивитись колекціюНовинки
УсіНовинкаГоловна
Та сама вітрина, але за правилами Android: пошукове поле-пігулка Material 3, фільтр-чипи замість кружків-сторіз, картки з радіусом 28 і нижня навігація з індикатором-пігулкою. Шрифти й кольори бренду ті самі, тому застосунок впізнається на обох платформах.
Ідеальна косуха на підкладці
Карточка товару
На Android «Назад» — стрілка, а не шеврон, дії сховано в меню «⋮», розмір обирається сегментованою кнопкою Material 3 з галочкою. Кнопки-пігулки висотою 56 і «Обране» поряд з основною дією, як прийнято на Android.
Кошик
Доповніть образ
ціна вже оптова
Кошик
Шкала до оптової ціни стала лінійним індикатором Material 3, лічильник кількості — тональною пігулкою, а кнопка «Оформити» — повною пігулкою над навігацією. Логіка й тексти такі самі, як на iOS, тому розробник бере одну специфікацію на дві платформи.
Стани
Те, що зазвичай забувають у макетах і що потім вигадує розробник. Кожен стан має текст і дію, а не просто сіру заглушку.
Сукні
Скелетон замість спінера
Сітка проявляється у формі майбутніх карток, тож екран не стрибає, коли фото підвантажуються. Анімація вимикається, якщо в системі ввімкнено «Зменшення руху».
Сукні
Немає з'єднання
Каталог не завантажився. Кошик і обране збережено на телефоні, нічого не загубиться.
Спробувати ще разПомилка, яка заспокоює
Пояснюємо, що сталося і що з покупками все гаразд, а дія одна — повторити. Якщо помилка в одному блоці, решта екрана працює далі.
Кошик
Кошик поки порожній
Дві будь-які речі — і ціна на обидві стане оптовою.
Дивитись новинкиВи переглядали
Порожньо, але є куди йти
Порожній кошик нагадує про оптову ціну й одразу дає продовжити з того, що покупниця вже дивилась. Так само зроблено порожні обране, пошук і замовлення.
UI Kit
Токени у двох рівнях: базові кольори бренду й ролі (текст, фон, акцент, оптова ціна). У Figma це Variables з режимами iOS / Android, тож компоненти перемикаються між платформами без перемальовування.
Кольори
#F86C9Eакцент, бейджі
#FFEAF2оптова ціна, підказки
#B9356Aтекст на рожевому
#282828текст, кнопки
#6E6E6Eдругорядний текст
#F7F7F7поля, підкладки
Типографіка
Noto Serif DisplayОсінь 2026
Noto Serif DisplayДоповніть образ
Inter SemiboldІдеальна косуха на підкладці
Inter RegularЗамш на дайвінгу, підклад. Доставка Новою Поштою 2–5 днів.
Inter Bold, цифри однакової ширини1 400 ₴ 1 300 ₴
Кнопки
Вибір і кількість
Картка товару
Поля й вибір
Статуси, чипи, сповіщення
Android · Material 3
Нижня навігація
iOS: таббар із підписами, «Назад» жестом. Android: Material 3 Navigation bar з індикатором-пігулкою, системна кнопка «Назад».
Стани
Що показано тут
Усі 16 екранів із ТЗ для iOS, онбординг і підтвердження замовлення, три ключові екрани для Android, стани й основа дизайн-системи. Фото та ціни — з поточного каталогу koshka.com.ua.
Що буде у фіналі
Повний набір Android-екранів, UI Kit у Figma на компонентах і Variables з режимами iOS / Android, клікабельний прототип основних сценаріїв і макети під малі й великі екрани, готові для передачі розробнику.
Шлях до замовлення
Від картки до оплати чотири дотики: розмір, «Додати в кошик», «Оформити», «Сплатити». Для повторного замовлення контакти й відділення вже заповнені.
Концепт для обговорення. Фотографії товарів і логотип належать Koshka.com.ua та завантажуються з вашого сайту лише для цього макета.