perfectowebСтудия дизайна и программирования
Fitlog №1
Fitlog №2
Fitlog №3
Fitlog №4
Fitlog №5
Fitlog №6
Fitlog №7
Fitlog №8
Fitlog №9
Fitlog №10

Fitlog

Создание дизайн мобильного приложения для создания тренировочных программ, сохранения рабочих весов, и слежки за прогрессом в спортивном зале. Приложение необходимо для того, чтобы всю информацию, связанную с тренировками, хранить в одном месте. Дизайн приложения получился ярким и энергичным. Динамичность в цветовых решениях отлично подчеркивает характер целевой аудитории. Чистота и современность UI позволяют приложению оставаться ненавязчивым и не загроможденным, что способствует фокусировке на данных и тренировках, а не на интерфейса.

Задачи
  • Приложение должно быть в бело-серых тонах, с использованием жёлтого цвета
  • Не захламлять дизайн лишними элементами
  • Сделать интуитивно понятную навигацию
  • Проводить пользователя от А до Я при пером использовании приложения. Не создавать препятствия при выполнении базовых целей.
Решение
  • Определение цветовой палитры из следующих цветов: жёлтый (#FFD42B), тёмно-синий (#1B1D28), светло-серый (#F1F3F6), белый.
  • Анализ имеющихся конкурентов, для выявления наиболее подходящего UI
  • Все элементы дизайна, разумеется, были разработаны в векторном формате для комфортного масштабирования интерфейса.
  • Для СТА элементов использовали желтый цвет и его оттенки, так как необходимо было придерживаться данной цветовой палитре
  • Заголовки были сделаны большими. В духе и стиле концепций iOS.
  • Был выбран шрифт без засечек - Roboto (робо́то). Как говорили ребята из Google: «современный, но доступный». Был таким, и остается по настоящее время (2020г).
Ключевые экраны
  • Загрузочный экран, с анимацией заполнения воды внутри логотипа (буквы ƒ)
  • Экран регистрации: темное оформление, с яркими CTA кнопками входа
  • Экран подписки, с ключевыми особенностями приложения, информацией о подписке и возможностью оформления 30-дневного бесплатного периода
  • Экраны тренировок: список тренировок, создание тренировок, редактирование упражнений, управления списками
  • Прогресс: на этом экране отображаются различные графики и диаграммы, для детального отслеживания веса, динамики тренировок, подходов и прочих важных параметров. А также, на данном экране возможно создавать цели и следить за их прогрессом.
  • Календарь событий: удобный органайзер будущих тренировок, с возможностью уведомлять о грядущих тренировках. А также, с возможностью просмотра детальной статистики по прошедшим тренировкам.
  • Тренировка: один из основных экранов, где пользователь непосредственно занимается тренировкой. Возможность генерировать Instagram Stories фотографию в конце тренировки, с наложением данных о текущей тренировки.

Данные проекта

Заказчик: Fitlog Inc.
Дата разработки: 01 Май 2020
Просмотров: 1911
Год разработки: 2020
Технологии: Figma

Выберите язык