ZOOCHA
Team LondonConnecting Volunteers with Causes in
London
ZOOCHA
GLA and Zoocha
Kinda Youssef
Greater London Authority (GLA)
Will Huggins
Zoocha
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
ZOOCHADigital Agency
ZOOCHA
“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 KhanMayor of London
ZOOCHA
Over 150,000 adults and 100,000 young Londoners have joined the programme since it launched in 2012
Team London
ZOOCHA
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
ZOOCHA
Start with the User
ZOOCHA
Start with the User
ZOOCHA
Prototyping and testingBuilding the user journeys and refining the service
ZOOCHA
Prototyping and testingTesting with real users throughout the process
ZOOCHA
Technical Solution● Drupal 8
○ 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
ZOOCHA
Technical Solution● Consistency
○ 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.
ZOOCHA
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
ZOOCHA
Agile delivery - one team with shared purpose
Agile Delivery
Product Owner (GLA)
Scrum Team (Zoocha & GLA)
Scrum Master (Zoocha) Development Manager (GLA)
ZOOCHA
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
ZOOCHA
Summary
● Start with the user
● Agile iterative development
● Open coding