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 focused on project or task management instead of personal goals.
I designed and coded the app using WordPress as a backend with a custom database. I primarily built it for personal use but did have a small group of other users.
My role
Design
Front-end development
PHP development
Planning the app
I started by figuring out how I could build software that I wanted to use and then interviewed others to see how they tracked their goals. I used those ideas to make some sketches and then wireframed 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
I designed and coded the interface for the app using Photoshop, PHP, & MySQL. 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
GoalChamp is a responsive site that works great on phones, tablets, and desktops. Once you’ve set some goals, there is a quick edit option to let you update your progress. Goals include the ability to set a primary task to encourage focusing on the next step. I also added tracking features such as a date countdown and a progress meter.
Creating the homepage
Finally, I designed a homepage to show off the product’s features and let people sign up. (The site is offline as I’ve been focusing on other projects.)
