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…
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.
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.
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.
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…
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…
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.
Snippet of my integration of Strava’s API:
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.
This is the chosen logo for my project, it will feature in the navigation bar of my website as well as in promotions (print and social media).
View logo on Behance – https://www.behance.net/gallery/37998005/PULSE-Logo
Here are my initial logo designs, created in Adobe Illustrator…
I gained feedback from friends as well as from my target audience, finding out which stood out the as being most appealing. Reflecting upon the feedback, I then styled the favoured logo’s with a colour scheme to suit my site.
I placed each of these logos into my site to see which worked best and decided to go with no.3.
Reflecting upon the inspiration gathered from exemplar works, I styled my site using CSS; adding in my imagery, as well as styling the buttons and bar charts with selected colours and fonts styles.