leafit
UX/UI-дизайн застосунку для відстеження харчування, калорій і тренувань
Мобільний застосунок для щоденника харчування, контролю калорій і макросів, обліку тренувань і прогресу — зрозумілий інтерфейс для смартфонів і планшетів на iOS та Android.
Задача
Спроєктувати застосунок, який допомагає вести щоденник харчування, контролювати калорії та баланс білків, жирів і вуглеводів, записувати тренування й відстежувати прогрес. Об’єднати ці можливості у зрозумілому інтерфейсі для смартфонів і планшетів на iOS та Android.
Етапи роботи
Опрацювання структури застосунку та користувацьких сценаріїв. Проєктування екранів щоденника харчування, додавання продуктів, тренувань, рецептів, глютенового сканера, прогресу та профілю. Розробка UI-дизайну й системи компонентів з урахуванням рекомендацій iOS Human Interface Guidelines і Material Design 3. Адаптація інтерфейсу для планшетів.
Рішення
На головному екрані зібрано денний баланс калорій, показники білків, жирів і вуглеводів, прийоми їжі та витрачені калорії. Діаграми й індикатори допомагають швидко оцінити поточні показники, а кнопки додавання забезпечують зручний доступ до щоденних записів.
Передбачено розрахунок індивідуальної норми калорій, пошук продуктів, сканування штрихкодів і глютеновий сканер для перевірки продуктів на вміст глютену. Також доступні рецепти, облік тренувань, відстеження інтервального голодування та прогресу.
Для планшетів розроблено компонування з кількома панелями, щоб зручно переглядати інформацію та працювати з нею на великому екрані. Зелена палітра, виразна типографіка й наочне відображення показників формують візуальний стиль Leafit.