charity technology conference presentation
DESCRIPTION
Felicity Pointer, Web Developer at British Red Cross, David Peel, Web developer at Eduserv and John Simcock, Client Director at Eduserv spoke at Charity Technology Conference 2012 about how British Red Cross optimized their site for mobile.TRANSCRIPT
![Page 1: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/1.jpg)
Felicity PointerWeb Officer,
British Red Cross
David PeelWeb developer, Eduserv
John SimcockClient Director, Eduserv
Engaging with donors in a mobile market - A British Red Cross case study
![Page 2: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/2.jpg)
Introduction• Eduserv - a NfP IT Service Provider
– Managed Hosting & Cloud– Web Development– IAM– Licence Negotiation
• Why Eduserv?
![Page 3: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/3.jpg)
A crisis can happen anywhere, and to anyone.
As well as helping people abroad, the British Red Cross helps more than a million people in the UK every year.
Providing practical help in emergencies, short-term care in the home, and teaching life-saving first aid skills.
![Page 4: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/4.jpg)
British Red Cross digital strategy
![Page 5: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/5.jpg)
Digital Fundraising Forum, Summer 2012
![Page 6: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/6.jpg)
Driving Donations• Mobile donation conversion rates
lower than on desktop
• Ready to take donations in an emergency
• Payment gateways
![Page 7: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/7.jpg)
Business case for mobile
• Increase in mobile traffic
• Lower donation conversion rate
• Nature of mobile usage
![Page 8: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/8.jpg)
Digital Fundraising Forum, Summer 2012
![Page 9: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/9.jpg)
• Why Sitecore?
• Why develop a mobile site and not an app?
• Why those user journeys?
![Page 10: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/10.jpg)
Near you widget - Before
![Page 11: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/11.jpg)
Near you widget - After
![Page 12: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/12.jpg)
Near you widget results - Before
![Page 13: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/13.jpg)
Near you widget results - After
![Page 14: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/14.jpg)
Donations
![Page 15: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/15.jpg)
Donation widget
![Page 16: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/16.jpg)
Solutions•Mobile or app?•Separate technology site or integrated solution?•Information architecture (IA) approach?•COPEing with content•Mobile detection, redirection and SEO
![Page 17: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/17.jpg)
Mobile or app?
![Page 18: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/18.jpg)
Separate mobile site or integrated solution?
FreeDigitalPhotos.net
![Page 19: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/19.jpg)
HTML5HTML5 is a group of many different technologies
We used:•HTML5 Boilerplate http://html5boilerplate.com/mobile/•Best practice mark-up•Geo location services API
![Page 20: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/20.jpg)
Geolocation
![Page 21: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/21.jpg)
FreeDigitalPhotos.net
Information architecture
![Page 22: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/22.jpg)
Shared contentCOPE-ing with content
CreateOncePublishEverywhere
![Page 23: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/23.jpg)
Device detection and redirectionWe used 51degrees.mobi http://51degrees.mobi
FreeDigitalPhotos.net
![Page 24: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/24.jpg)
![Page 25: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/25.jpg)
Summary•Mobile web – Wide device coverage, cost effective
•Integrated technology solution – easily share content, redirection, APIs
•Separate content tree for information architecture – total flexibility, user focused journeys
•Shared and customised content
•Intelligent mobile site redirection dependent on context
![Page 26: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/26.jpg)
What worked well•User-centered design•Iterative process•Talking to the developers•Mobile first
![Page 27: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/27.jpg)
What didn’t work so well•Iterative process•Deployment
![Page 28: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/28.jpg)
•Donation journey during a live emergency
•Mobile donations during a live appealNext steps:
![Page 29: Charity Technology Conference Presentation](https://reader033.vdocument.in/reader033/viewer/2022061115/54583084af79592b448b52f1/html5/thumbnails/29.jpg)
For more information contact Haylie Oriot, Charity Client Manager, Eduserv
[email protected] 01225 470460
www.eduserv.org.uk