Connecting Volunteers with Causes in London Team London Connecting Volunteers with Causes in London

Greater London Authority (GLA) GLA and Zoocha Kinda Youssef Greater London Authority (GLA) Will Huggins Zoocha

GLA and Zoocha The GLA is responsible for the strategic administration of the 610 sq. miles of Greater London GLA comprises the Mayoralty (currently led by Sadiq Khan) and the 25-member London Assembly “To be the world’s best technical digital agency, offering industry leading quality, service, expertise and thought leadership” We work with clients to unlock the power of Drupal to create cutting edge digital experiences ZOOCHA Digital Agency

“I will work with communities and civil society groups across London to encourage active participation in community and civic life. That means supporting Londoners of all ages to volunteer and to take action to improve our city.” Sadiq Khan Mayor of London

Team London Over 150,000 adults and 100,000 young Londoners have joined the programme since it launched in 2012

The Challenge Encouraging all Londoners to become active citizens and to give their time to make the UK's capital city a better place. Develop our understanding of how to inspire and retain volunteers How to ensure the programme is appealing to a broad range of audiences in London Enable volunteers to have easy, online access to search for opportunities that meet their needs and to apply

Start with the User

Start with the User

Prototyping and testing Building the user journeys and refining the service

Prototyping and testing Testing with real users throughout the process

Technical Solution Drupal 8 Solr Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites. Ensures basis is consistent and microsite-specific functionality can be separated. Use of contrib group module allows multiple users per organisation, each of whom can add/edit/delete content within that organisation only. Use of Drupal core content moderation to ensure all changes to roles and profiles go through admin approval. Also enhanced with scheduled publishing/unpublishing through the workflow. Solr Solr used together with contrib location modules to provide easy to use location-based search. Search results in two views (list and map) Distance and travel details added to search results

Technical Solution Consistency Functionality Performance Base theme built (gla_estate) for all microsites Custom grid framework using latest CSS technologies full control of grid with extensible functionality. Modern, scalable theme building tasks helps with maintenance, development and quality of frontend code. Functionality Use of accessible autocomplete library Global theme maps Javascript available for any future maps using leaflet JS Custom Javascript for specific components such as accordions. Performance Minification of CSS JS, CSS and asset images for performance and page weight. Separation of frontend assets for dependant loading to increase performance.

All code will be published and open source Technical Solution Custom Features application process managed through the site, with the providers able to send customised accept/decline emails to volunteers. multi step form functionality used throughout. Data saved on each step for ease of use. Clear dashboards with updates for both providers and volunteers, as well as notification emails. SLA notifications for when user actions have not been taken in time. All code will be published and open source

Agile Delivery Agile delivery - one team with shared purpose Product Owner (GLA) Scrum Master (Zoocha) Development Manager (GLA) Scrum Team (Zoocha & GLA)

Outcomes Team London 2 went live May 14th 2019. In the year leading up to this on the old site: 325,000 sessions p.a. 3 minute 30 average session duration 55% bounce rate In the 17 days since live to 31st May: 17,000 sessions (362,000 sessions p.a.) = 11.4% increase 5 minute 10 avg session duration = 47.6% increase 40% bounce rate = 27.3% decrease

Summary Start with the user Agile iterative development Open coding