GoalChamp
GoalChamp is a side project I built when I couldn’t find a tool to track my goals that worked how I wanted. Most existing tools focus on project or task management instead of personal goals.
I initially designed and coded the app using WordPress as a backend with a custom database. Then I rebuilt it using AI coding tools, which made it easier to build a native application. I primarily built it for personal use, but I do have a group of other users.
My role
Design
Front-end development
AI development
Planning the app
I started by figuring out how to build software I wanted to use, and then interviewed others to see how they tracked their goals. I also did some research into how to create effective goals. I used those ideas to sketch some concepts and then wireframe a possible experience in Balsamiq.
Logo design & branding
I wanted to add a little fun to the interface, so I designed the logo, icons, and colors with a boxing theme (think Nintendo Punchout).
App development
For my initial version of the app, I taught myself how to develop a login system and run database queries to make it all work. I used a card-based interface to give a quick view of current goals, which can be rearranged by dragging.
Tracking goals on mobile
While the initial version was responsive, I was able to improve the interface and feel with the native app in the second version. In addition to goals, I added habit tracking and a prioritized to-do list.
Creating the homepage
Finally, I designed a homepage to show off the product’s features and let people sign up or download the app. You can check it out at goalchamp.com
