CrossMobile
Прототип, не продакшен

CrossMobile: прототип iOS-застосунку для мобільного оператора

34 екрани iOS зібрані як клікабельний прототип: головний екран у трьох розкладках, п’ять сценаріїв від початку до кінця, два межові стани і темний варіант. Розділи вибудувані за шляхом користувача.

CrossMobile, польський мобільний оператор. Прототип iOS-застосунку зроблено в CyberNinja.Digital у 2026 році. У ньому 34 екрани на компонентах iOS 26 і п’ять сценаріїв: перший запуск, оплата рахунку через BLIK, купівля пакета ГБ, активація eSIM та перенесення номера. Знімки нижче зроблені з прототипу; застосунок не публікували в App Store.

iOS 26Клікабельний прототип34 екраниBLIKeSIMПеренесення номераТемна тема
Синій · бренд#0351BDМаджента · дія#E81F76Жовтий · промо#F5B942Зелений · успіх#7ED321
CrossMobile, Головний екран
Головний екран19,99 zł до 15.08, смуга решти 11 днів, лічильник 51,6 ГБ із 70 ГБ і дата поновлення. Нижче пропозиції: +40 ГБ за 9,99 zł і роумінг 5 ГБ за 12,99 zł.
01

Два напрями головного екрана

До фінальної версії головний екран намалювали у двох розкладках і порівняли один до одного. Перша веде погляд сумою до сплати, друга лічильником пакета. Обрали першу: по рахунок клієнт заходить у застосунок оператора найчастіше.

прототип · 2 екрани
CrossMobile, Картка і плитки
напрям обранийКартка і плиткиСиня картка рахунку із сумою, терміном і смугою решти днів. Під нею три плитки лічильників, банер додаткової послуги і список роумінгових напрямів із цінами.
CrossMobile, Бенто на світлому
напрям відхиленийБенто на світломуТемна шапка екрана з кільцем витрати 74%, під нею сітка бенто: запроси друга, докупити пакет, акції і смуга оплати. Далі світла секція з пакетами.
02

Перший запуск

Три екрани від номера до готового акаунта: номер телефону, код із SMS, перші налаштування. Клавіатура вбудована в екран, згода на маркетинг стоїть біля поля.

прототип · 3 екрани
CrossMobile, Вкажіть свій номер
Вкажіть свій номерПоле з префіксом +48, цифрова клавіатура і чекбокс маркетингової згоди під кнопкою.
CrossMobile, Код із SMS
Код із SMSЧотири поля коду, лічильник до повторного надсилання і підказка, на який номер пішла SMS.
CrossMobile, Перші налаштування
Перші налаштуванняТри перемикачі на старті: сповіщення при 80% і 10% пакета, автоматичний платіж (на 2 zł дешевше) і замовлення eSIM.
03

Оплата рахунку

Чотири кроки: рахунок, код BLIK, очікування банку, підтвердження. Очікування винесене на окремий екран з інформацією, скільки зазвичай триває авторизація.

прототип · 4 екрани
CrossMobile, Рахунок 08/2026
Рахунок 08/2026Рахунок 08/2026: абонплата 19,99 zł, пакет 9,99 zł, разом 29,98 zł, термін і номер документа.
CrossMobile, Код BLIK
Код BLIKШість полів коду, сума 29,98 zł над клавіатурою і лічильник дії коду.
CrossMobile, Чекаємо на банк
Чекаємо на банкЕкран очікування з підписом «зазвичай триває 5–10 секунд» і індикатором прогресу.
CrossMobile, Сплачено
СплаченоСплачено 29,98 zł: дата, спосіб, номер рахунку і кнопка завантаження PDF.
04

Купівля пакета ГБ

Прайс, підсумок замовлення, активація пакета і екран відхиленого платежу.

прототип · 4 екрани
CrossMobile, Докупити пакет
Докупити пакетТри пакети: 10 ГБ за 9,99 zł, 30 ГБ за 19,99 zł, без ліміту за 39,99 zł. Середній позначений як найчастіше обраний.
CrossMobile, Підсумок
ПідсумокПакет, термін дії 30 днів, сума 9,99 zł і обраний спосіб оплати.
CrossMobile, +40 ГБ активні
+40 ГБ активніЛічильник після купівлі: 91,6 ГБ замість 51,6 ГБ, з позначкою +40 ГБ до 3.09.
CrossMobile, Банк не підтвердив
Банк не підтвердивБанк не підтвердив платіж: код відмови, повідомлення про те, що рахунок не списано, і два виходи: повторити або змінити спосіб.
05

Активація eSIM

Замовлення eSIM, профіль з QR-кодом і підтвердження активації.

прототип · 3 екрани
CrossMobile, Замовлення eSIM
Замовлення eSIMУмови замовлення: 0 zł, час активації 3 хвилини і список підтримуваних моделей телефонів.
CrossMobile, Профіль готовий
Профіль готовийQR-код профілю, ручний код для введення і три кроки встановлення в налаштуваннях iOS.
CrossMobile, eSIM працює
eSIM працюєeSIM працює: номер, назва тарифу і підказка, як перемикатися між картками.
06

Перенесення номера

Заява на перенесення номера, статус у роботі і завершення процесу.

прототип · 3 екрани
CrossMobile, Перенесіть свій номер
Перенесіть свій номерФорма: номер для перенесення, поточний оператор і дата, з якої має працювати нова картка.
CrossMobile, Переносимо номер
Переносимо номерЗаявка 4820-KL у роботі: три етапи на осі і термін перемикання 6 серпня, 03:00.
CrossMobile, Номер у нас
Номер у насНомер перенесено: новий тариф, повідомлення про збережену історію і кнопка до налаштувань.
07

Межові стани

Акаунт без історії рахунків і режим без зв’язку з мережею.

прототип · 2 екрани
CrossMobile, Рахунків ще немає
Рахунків ще немаєРахунків немає: повідомлення, що перший з’явиться після першого розрахункового періоду, і перехід до тарифу.
CrossMobile, Офлайн
ОфлайнРежим офлайн: дані від 4.08, 14:32, сірі кнопки оплати і кнопка повтору.
08

Інші екрани продукту

Витрата, тарифи, поповнення, роумінг, профіль, допомога і вхід, а також три варіанти головного екрана, з яких обрали фінальний.

прототип · 12 екранів
CrossMobile, Вхід
ВхідВхід за номером телефону.
CrossMobile, Вітання
ВітанняАкаунт після входу.
CrossMobile, Витрата даних
Витрата данихРозбивка трафіку по днях.
CrossMobile, Старт
СтартВаріант хаба з іншою ієрархією.
CrossMobile, Оплата
ОплатаСпособи та історія платежів.
CrossMobile, Поповнення
ПоповненняПоповнення рахунку prepaid.
CrossMobile, Тарифи
ТарифиПрайс із порівнянням планів.
CrossMobile, Новий номер
Новий номерКупівля ще однієї картки.
CrossMobile, Активація eSIM
Активація eSIMВаріант екрана активації.
CrossMobile, Профіль
ПрофільДані акаунта і налаштування.
CrossMobile, Роумінг
РоумінгПакети на поїздку до ЄС.
CrossMobile, Асистент
АсистентДопомога і зв’язок з оператором.

Прототип CrossMobile · 34 екрани iOS · проєктування і збірка: CyberNinja.Digital, 2026. Презентаційний матеріал, не продакшен-версія.

Домовитися про зустріч · 30 хв