PULSE – How This Guide Works

Reflecting upon feedback and my research on exemplar works, I decided to add more information to my home page. Originally, my site just featured the top image, however I have now made it parallax scrolling, in order to relate to contemporary website trends and to provide users with more information about the PULSE…home.png

This addition allows users to find out more about the guide before they have to register, it clearly explains that it provides 15 week marathon guides that integrate Strava. Reflecting upon existing works and contemporary design trends, I decided to add icons to support the text in order to make it more visually appealing.

Exemplar Work (NIKE)

It was suggested to have an about section offering support to those unsure of how to use my guide to its full potential. I have aimed to use an intuitive design so the guide is clear and simple to follow, however some users may require additional support. Through research I found Nike+ has a section labelled ‘How This Plan Works’, I propose to add something similar to my project.

Screen Shot 2016-05-28 at 15.54.25

Conducting research is highly important when working on projects; it is essential to be aware of existing materials, critically evaluating what works well and what doesn’t and reflecting upon this.

Integrating Strava’s API

After lots of experimentation and several errors later, I managed to successfully integrate Strava’s API into my website. The official documentation can be found here – https://strava.github.io/api/, for further support I used this PHP specific Github repository (https://github.com/iamstuartwilson/strava).

When users register to my site they are directed to this page stating when their chosen plan starts as well as the link to connect to Strava…

Screen Shot 2016-05-27 at 21.36.20

Logging in to Strava will then direct users to this authorisation page. If the user accepts the authorisation, their Strava access token is stored in my database and I am able to access their activity data…Screen Shot 2016-05-27 at 21.38.21

I access users Strava data at the end of each week, comparing their weekly total to the required total of selected plan. If users run enough then they receive a tip and can progress to the next week. However, if not, they are prompted to run more! From feedback, my target audience preferred that it checks at the end of the week rather than each day, as this allows users more flexibility with the training.

Screen Shot 2016-05-27 at 21.39.49Screen Shot 2016-05-27 at 21.45.20

Snippet of my integration of Strava’s API:

Screen Shot 2016-05-31 at 12.23.56.png


For my graduate project, I collaborated with Lewis Brown, who helped me with the training plans content. Lewis is studying (MSc) Sports and Exercise Science so has relevant experience in the sporting sector. He provided me with 15 week beginner, intermediate and advance marathon training plans. I added his content to my database and programmed my website so that the charts pull in the appropriate data dependant on the users chosen plan and the selected week.