Responses by Jay Hollywood, creative director, Humaan
Background: The site promotes Hawaiian Ride For Youth, an annual cycling event run by charity organization Youth Focus, raising funds to assist in the prevention of youth suicide, depression and self-harm. Our aim was to create an engaging, intuitive and easy user experience for visitors, supporters, donors, riders and site managers alike.
Highlights: Every page and feature was designed with the user experience in mind, particularly the homepage, which stays up to date with the pelotons and rider appearances so friends and family can easily follow the event as it progresses. The site is also powered by a bespoke donations module, customizable rider and team management platforms and event management features.
Challenges: Our biggest challenge was balancing the sheer size of this project with the very sensitive time constraints. Because the event dates are locked in, we were working with several strict deadlines to ensure Youth Focus and its supporters could do as much fundraising and preparation as possible in the lead-up to the Ride.
Favorite details: The donations, rider and team management platform were a huge part of the overall website that we carefully strategized and custom developed to give riders flexibility in how they administer their profiles, teams and donations, as well as ensure a smooth experience for visitors looking to donate to particular teams or riders. We’re most proud of how the backend and front-end came together.
Anything new: This was our first time using automated browser testing. Since we had so many registered riders, we knew that manually testing the browsers would take too much time, so we wrote automated tests to use with Laravel Dusk and ChromeDriver. This meant we could test each change automatically, as we went, against every possible permutation of user behaviors.
Technical features: We integrated the site with Youth Focus’s CRM, Microsoft Dynamics, to help keep its marketing processes nice and streamlined. The site is fully responsive—even the live ride map with its SVG animations—and the layouts are optimized for display on certain devices. Finally, as always, we adhered to WCAG 2.0 accessibility compliance.