Great Strides
Cystic Fibrosis Trust
What
Cystic Fibrosis Trust have a super-supporter in the form of Stephen Taylor, whose grandson has cystic fibrosis. Stephen planned to walk from Land's End to John O'Groats to raise funds for Cystic Fibrosis Trust.
The Great Strides site allows anyone to 'join' Stephen on his walk from 1 July to 30 September, walk the same distance on their own and raise £150 for CFT.
The site is no longer live.
What we did
We built a landing page to talk about the event, and Stephen's involvement, and we also have extra subpages with some more information about the event. We added some fun stuff to the landing page to help make it feel more like the fundraisers are on a journey with Stephen - a video from Stephen about why he is doing the walk, his progress and updates from him.
To encourage fundraisers to feel part of a community doing this together, we have leaderboards, totalisers of overall achievements and a wall of randomly selected users. This site also has a custom statistics page for each fundraiser - it includes their photo, call to action to donate to them, which virtual landmark along the route that they have reached, based on the distance that they have covered.
Each landmark has its own fun fact and the fundraiser achieves a badge as a reward for their progress, and they have their own totaliser for finds raised. We can also see each participant's list of donors.
How
- Having worked with CFT before, I was familiar with their branding and design elements - blocks of yellow, blue and white. I thought that they worked really well for a bento box of a page so it was easy to incorporate the different sections. Their branding includes hand-drawn doodles, so I created my own of Stephen!
- The project started with me leading a design workshop meeting with the CFT team, where we discussed the event, ideas, deliverables and what the pages needed to achieve for the charity
- I produced the design, then I built the pages as custom HTML and CSS. I implemented as much of the widget Javascript as I could, then I handed the code over to the developer to make sure that API data was pulling through correctly
- I tested the pages for functionality and mobile responsiveness
- I was available to the CFT team throughout the testing and go-live phase, answering questions, and helping with changes
They said:
"Wow! Firstly – we are all absolutely amazed at this. Really happy with how it’s come out!"
Design
Landing page
About page
Stats page
