Time to Tour
Parkinsons UK
What
Parkinson's UK wanted to have a cycling virtual event based on the Tour de France.
Fundraisers could choose a distance that suited them, based on sections of the TdF route and cycle that distance in a specified month. 'Jersey' badges were awarded for reaching distance goals.
The site is no longer live.
What we did
We created a landing page with other informational subpages, and the registration functionality. Parkinson's Uk has great branding and imagery so we used it as a base for the design and also included a strong cycling theme.
As this was a competitive event to appeal to competitive people, we introduced the idea of earning your jersey by hitting the distance goals, leaderboards per distance and prominent totalisers.
We also build a tracker map so that cyclists could see how they compare to other cyclists along the virtual route, and a section showing most recent donations. The landing page shows a condensed version of the leaderboards, with the full board of all participants on its own page.
How
- I led a design workshop at the beginning of the project with the Parkinson's UK team to learn about the event, their needs and some ideas that we can try out
- I reated a design based on the assets, branding and our conversations, then worked with the team to finalise the visual design
- Once the design had been approved, I built the pages with custom HTML and CSS based on Bootstrap, and produced as much of the API-driven features as I could on my own, before passing on the more specific coding work to the developer
- After functional and responsive testing, I worked with the Parkinson's UK team to bug-fix and hone the content
- I also built the registration form and the everydayhero campaign, which collects fundraiser and donation data for the APIs
Design
Landing page
About page
Leaderboard page
