Fitness App: Nutrition Info Mockup for a Fitness App

I am an avid user of a certain fitness app and use it several times a day to chart my activity schedule and log my food intake. One of the problems I have with the app is the nutrition section. Filters and tabs are located in unintuitive places, and interactive elements are often lost with no clue to what information they show or display choices they filter out.

I reorganized the layout and information into tabs at the bottom, gave the filters a much clearer sense of hierarchy, and refreshed the art style of the charts with familial colors that better hold together the visuals.

Roles: UX, UI Design, Graphics

Scroll to Top