Habit Tracker UI

Designed 3 screens of Habit Tracker App. a welcome screen, two versions of habits overview screen.

Goal: To make a great first impression and encourage users to start tracking their habits.

Design Process I Used: Tried to maintain UX Laws and design guidelines.

1. Welcome Screen:

- A motivational quote “The best time to start a habit!”

- A clear call-to-action button “Let’s do it”.

- A visually appealing illustration to engage users.

2. Habit Overview Screen:

- A calendar at the top to show dates.

- Habit cards for each activity with progress bars and icons.

- A floating action button (+) for adding new habits.

Share your thoughts and any suggestions to improve!

Connect on →