Visual Habit Tracking App

Complete product design and development for a visual habit tracking app. App UI, animated habit artwork, website design, and Webflow development. Launched on iOS App Store with 4.8-star rating.

Project Role:
ones-habit-cover
Graphic Designer
/
UI·UX Designer
/
Webflow Developer

Project brief.

Goal and Objectives

Most habit trackers look identical — blocky cards with checkboxes, resembling email interfaces. I wanted to create something people would actually enjoy opening. The design drew from old textbook line illustrations — nostalgic and charming. But beauty alone wasn't enough. The app needed robust functionality: tracking, journaling, analytics, all in a lightweight, intuitive package. The goal: bridge the gap between the aesthetic appeal of paper planners and the practical necessity of digital tools.

ones-habit-app-icon

Challenge

Every project has its own keystone.

The breakthrough was making animations both beautiful and personal. I used Lottie to bring the line illustrations to life with smooth, Disney-quality motion. But the technical approach was layer control: by structuring After Effects layers correctly, users could customize animation colors for each habit. This combination — delightful movement plus personalization — made the app feel truly alive. The animations weren't static decoration; they responded to user choices and brought personality to every interaction..

    Scope

  • Art direction 01
  • App strategy 02
  • Business management 03
  • Marketing 04
  • Design 05
  • Development 06

    Deliverables

  • Identity system 01
  • Naming 02
  • Icon design 03
  • Product design 04

One's Habit Website

yoga-pilates-3
App landing page
Visit
daily-life-4
geometric-2
iphone-frame
calendar-01
calendar-02
graph-card
iphone-frame
App introduction video
System summary
Habit artworks bts
Habit artworks bts
oneshabit-mobile-on-wood
One's Habit
Animation for blank page
habit-artwork-color-group
Colorful line animation
ones-habit-icon-02
App icon
logo-square
App icon
App loading animation
oneshabit-icon-group
Icon system
oneshabit-all-pages-group
App default pages
oneshabit-appstore-header
In Appstore

App Store

rating-stars 4.8 Rating

App store reviews and ratings showing user's responses.

Narasimha Kamath

Jul 19, 2025

I really love this application for how simple and elegant the UI looks, the functionalities that has been provided to group habits and track them, and also to see the progress. However, please consider making this design responsive on an iPad as well as I want to majorly use this on my M1 iPad Pro. On an iPhone it is awesome, but the layout is not attractive on an iPad. Please provide a layout fix for iPads as these devices will be more popular going forward since the iPadOS 26.

Hands down THE BEST

Mar 20, 2025 - OutdoorIsMyIndoor

Guysssss you done so well! I’ve tried so many habit apps and the likes and this one is hands down the best one without a doubt. The widget support came in a bit late, for sure, but it’s just so pleasant to just look at them. Please please please add more artworks. Thank you so much for your app!

Fantastic

Nov 8, 2024 - Dajie93

Fantastic product. Developers really thought it through. Got a habit you wanna keep? Try this out. Super intuitive.

Absolute wonder!

Oct 6, 2023 - Simpelthen

I’ve been on a search for an app to track habits and such for what seems like ages! This one really captures what I’ve been looking for; simple and easy. I love this so, so much. It’s gorgeous and definitely worth it! 🫶🏼

🖤Best Habit Tracker🖤

Apr 15, 2023 - dshapsy

This is the most beautiful and thought-out habit tracker app I have ever seen in my life. For one, this app is one of the very few habit apps (and I’ve tried probably well over 30 apps) that I actually enjoy using, but I enjoy using this one the most. The animations/sounds are amazing and make me happy when I’m using the app and after I complete a habit (even the ones I don’t particularly enjoy), plus it’s incredibly smooth to use. I also LOVE the layout and especially that the analytics aren’t confusing or too much to look at like a lot of others are. 😊

압도적

Sep 23, 2024 - Sjfue184djs

정말 수 없이 많은 습관 트래킹 앱을 써봤지만 기능, 디자인, 가격, 등등 이것만큼 좋은 앱을 찾을 수 없었습니다. 기존에 속도 느릴때도 똑같은 평가였는데 이젠 속도도 빨라졌네요. 홈화면에 2X2 크기의 달력 모양으로 선택한 습관이 이번달에 언제 언제 성공했는 표시되는 위젯이 있으면 더 좋을것 같지만 없어도 뭐 계속 쓸 예정입니다. (이미 플러스지만 위젯이 추가 결제 하라고 해도 일회성 구매라면 할 것 같습니다)

Application.