Pacekeeper

September 2014

Here is a snapshot of personal and school projects I've worked on.

Tools Used:
- Balsamiq
- Photoshop

Problem:
Many amateur runners struggle with keeping an appropriate pace while running, which leads to overexertion and potential injuries. This problem was identified by my team of three at Hack The North, a hackathon hosted by the University of Waterloo.

Solution:

PaceKeeper is an Android application that uses the heart rate monitor of the Moto360 smart watch to change the tempo of music in real-time.

Implementation: 
I was responsible for designing the user interface of the Android application. My team decided that the phone would be the main method of interfacing with the user while the display on the Moto360 would only show key information obtained from the app, such as heart rate and song details.

Balsamiq was used to create wireframes for user testing. User testing was performed on other hackathon participants that identified as runners and the collected feedback was incorporated in the final design. Photoshop was used to make the mockups that were used in the team's final presentation.

Images from top to bottom:
1. Email login screen
2. Wireframe and mockup of the signup page
3. Wireframe and mockup of the main screen

Tools Used:
- Balsamiq
- Photoshop

Problem:
Many amateur runners struggle with keeping an appropriate pace while running, which leads to overexertion and potential injuries. This problem was identified by my team of three at Hack The North, a hackathon hosted by the University of Waterloo.

Solution:
PaceKeeper is an Android application that uses the heart rate monitor of the Moto360 smart watch to change the tempo of music in real-time.

Wireframe and mockup of the signup page

Implementation: 
I was responsible for designing the user interface of the Android application. My team decided that the phone would be the main method of interfacing with the user while the display on the Moto360 would only show key information obtained from the app, such as heart rate and song details. 

Balsamiq was used to create wireframes for user testing. User testing was performed on other hackathon participants that identified as runners and the collected feedback was incorporated in the final design. Photoshop was used to make the mockups that were used in the team's final presentation.

Wireframe and mockup of the main screen