The Smart Fit Method: UI/UX дизайн спортивного додатку для дорослого покоління

Тип дизайну: UI/UX Design

Специфіка: та сфера бізнесу: фітнес та здоров'я

Про проект

The Smart Fit Method — це не просто додаток для фітнес-мережі. Це науковий підхід до фітнесу з персоналізованими тренуваннями на основі робототехніки та штучного інтелекту. А графік "Три 20-хвилинні заняття на тиждень" підходить навіть для людей 50+. Клієнт звернувся до нас із завданням оновити додаток так, аби він підкреслював технологічність, відрізнявся від конкурентів і був інтуїтивно зрозумілим для людей будь-якого віку та впровадити нові функції.

Цілі дизайну

Головна мета нашої команди полягала у створенні інтуїтивно зрозумілого, зручного для користувача інтерфейсу, який відображав би інноваційний дух The Smart Fit Method. Ми прагнули не лише забезпечити ефективний інструмент для тренувань, а й мотивувати користувачів.

Наша робота була спрямована на створення двох додатків: один для клієнтів, інший для тренерів, з урахуванням унікальних потреб обох груп.

Концепт

Ключовою ідеєю The Smart Fit Method є створення гармонійного зв'язку між технологією та людиною, де фітнес перетворюється на науково обґрунтований, персоналізований та ефективний процес.

Ми вирішили підкреслити ідею 3Д-сканера, який символізує точність та індивідуальний підхід до кожного користувача. Його представлено через дизайн інтерфейсу з елементами 3D Body Scan та інтеграцією штучного інтелекту.

Графічні елементи, такі як сітки, градієнти та деталізовані графіки, служать для підкреслення інноваційності та футуристичності The Smart Fit Method Вони демонструють трансформацію тренування у персоналізований і науково обґрунтований досвід через технології.

Кольорова палітра

Ми використали металево-фіолетові градієнти для передачі роботизованісті та помаранчевий колір для підтримки ідентичності бренду.

Типографіка

Використали контрастну типографіку. Як основний шрифт ми вибрали системний. Щоб підкреслити технологічність, ми використали моноширинний шрифт для цифр, які досить контрастні за розміром до основного тексту.

Декорації

Сітки з крапок додають точність, математичність та відчуття об'єму. Лінійна графіка з крапками на вузлах гармонійно доповнює існуючий логотип, а гласморфізм підкреслює технологічність і створює відчуття простору.

Створення додатків

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

Серцевиною дизайну стало сканування — візуальне представлення прогресу користувача завдяки 3D Body Scan та штучному інтелекту. Це передано через сітку на фоні 3D моделей та градієнт у графіках та кнопках.

Додаток для клієнтів: Забезпечує користувачам зручний доступ до своїх тренувань, результатів сканувань тіла та можливості планування харчування.

Додаток для тренерів: Дозволяє тренерам ефективно управляти тренуваннями клієнтів на різних тренажерах, планувати заняття та відслідковувати прогрес.

Була проведена інтеграція з MyFitnessPal для поліпшення функціоналу харчування, а також створено кольорову форму в CSS для покращення візуалізації 3D моделей та оптимізовано кольорову палітру для різних типів об'єктів.

Завдяки нашій роботі, The Smart Fit Method трансформувався у сучасний, технологічний додаток, який не лише поліпшує досвід користувачів, але й відображає інноваційний дух бренду.