team london - connecting volunteers with causes in london · drupal 8 composer used for module and...

16
ZOOCHA Team London Connecting Volunteers with Causes in London

Upload: others

Post on 08-Aug-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

Team LondonConnecting Volunteers with Causes in

London

Page 2: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

GLA and Zoocha

Kinda Youssef

Greater London Authority (GLA)

Will Huggins

Zoocha

Page 3: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

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

Page 4: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

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

Page 5: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

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

Team London

Page 6: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

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

Page 7: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

Start with the User

Page 8: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

Start with the User

Page 9: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

Prototyping and testingBuilding the user journeys and refining the service

Page 10: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

Prototyping and testingTesting with real users throughout the process

Page 11: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

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

Page 12: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

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.

Page 13: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

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

Page 14: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

Agile delivery - one team with shared purpose

Agile Delivery

Product Owner (GLA)

Scrum Team (Zoocha & GLA)

Scrum Master (Zoocha) Development Manager (GLA)

Page 15: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

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

Page 16: Team London - Connecting Volunteers with Causes in London · Drupal 8 Composer used for module and dependency management. GLA install profile ported to Drupal 8 for use on new microsites

ZOOCHA

Summary

● Start with the user

● Agile iterative development

● Open coding