RunHunter

Попросіть у ШІ детальніше описати саму суть задачі. Бо поки не дуже зрозуміло, що саме ви хочете отримати від дизайнерів

Serhii Bentsa 21:12

Суть цієї задачі полягає в тому, щоб не просто намалювати гарну картинку, а розробити повноцінний UI/UX-прототип додатка RunHunter у Figma, який можна одразу віддати iOS-розробнику для верстки.

Ось як це можна пояснити дизайнеру (чи штучному інтелекту) простими словами:

🎯 Головна мета для дизайнера

Створити інтерактивний Figma-файл з готовими екранами, дизайн-системою та UI-кітом під iOS 17+ та watchOS 10+.

Він має перетворити текстові вимоги та концепцію «Zero-Effort» (мінімум дій від людини) на конкретні, зручні та преміальні інтерфейси в темній темі.

📦 Що саме ми очікуємо отримати на виході (Deliverables):

1. Готовий Figma-файл з 4 ключовими екранами:

• Екран 1: Dashboard (Головний екран iPhone):

  • Показник готовності ЦНС (84%) із кольоровою дугою (зелена/жовта/червона) + HRV.

  • Блок харчування (КБЖУ) із круговим прогрес-баром.

  • Блок Activity & Movement (активні калорії, кроки та тренування, підтягнуті з Apple Watch).

  • Чекбокси БАДів/ліків на сьогодні.

  • Яскрава центральна кнопка [ 📷 AI Scan Food ].

  • Графік ваги з кнопкою додавання води.

• Екран 2: AI Scanner & Review (Сканер камери + Картка результату):

  • Вигляд камери із рамкою-сканером під час аналізу страви.

  • Висувна картка (Bottom Sheet) з розпізнаною стравою, інгредієнтами, КБЖУ та 5-секундним таймером автозбереження.

• Екран 3: watchOS App (Додаток під Apple Watch):

  • Віджет для циферблата (Complication) із показником ЦНС та Streak.

  • Екран годинника для швидкої відмітки ваги (з кнопками під Digital Crown) та галочок БАДів.

• Екран 4: Ранковий Push (Lock Screen) + Авторизація:

  • Вигляд баннера сповіщення на заблокованому екрані iPhone.

  • Екран привітання з нативною кнопкою [  Sign in with Apple ].

2. Технічна збірка для розробника (Figma Architecture):

• Auto-Layout 5.0+: Усі картки, списки та кнопки мають бути розтяжними/адаптивними, а не просто «намальованими поверх кубиків».

• Компоненти та Варіанти (UI Kit): Створені базові кнопки, чекбокси, картки, іконки, щоб розробник міг перевикористовувати їх у коді SwiftUI.

• Повна готовність до Dev Mode: Зрозуміла структура шарів (Layer Names), винесені кольорові стилі (#000000True OLED Black, акцентний зелений, колірні макроси) та системні шрифти Apple (SF Pro).

💡 Коротке резюме (Як це сказати одним реченням):

"Ми купуємо не просто естетичний дизайн, а повноцінний макет інтерфейсу в Figma, за яким iOS-розробник зможе відкрити Dev Mode і за кілька тижнів запрограмувати готовий додаток RunHunter під iPhone та Apple Watch."