mobile application and web development - a british red cross case study
DESCRIPTION
Margaret O'Donnell, Head of Digital at British Red Cross, David Peel, Web developer at Eduserv and Charity Client Manager at Eduserv spoke at NfP Technology 2012 about how British Red Cross optimised their site for mobile.TRANSCRIPT
![Page 1: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/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: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/2.jpg)
Introduction• Eduserv - a NfP IT Service Provider
– Managed Hosting & Cloud– Web Development– IAM– Licence Negotiation
• Why Eduserv?
![Page 3: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/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: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/4.jpg)
British Red Cross digital strategy
![Page 5: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/5.jpg)
Digital Fundraising Forum, Summer 2012
![Page 6: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/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: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/7.jpg)
Business case for mobile
• Increase in mobile traffic
• Lower donation conversion rate
• Nature of mobile usage
![Page 8: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/8.jpg)
Digital Fundraising Forum, Summer 2012
![Page 9: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/9.jpg)
• Why Sitecore?
• Why develop a mobile site and not an app?
• Why those user journeys?
![Page 10: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/10.jpg)
Near you widget - Before
![Page 11: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/11.jpg)
Near you widget - After
![Page 12: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/12.jpg)
Near you widget results - Before
![Page 13: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/13.jpg)
Near you widget results - After
![Page 14: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/14.jpg)
Donations
![Page 15: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/15.jpg)
Donation widget
![Page 16: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/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: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/17.jpg)
Mobile or app?
![Page 18: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/18.jpg)
Separate mobile site or integrated solution?
FreeDigitalPhotos.net
![Page 19: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/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: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/20.jpg)
Geolocation
![Page 21: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/21.jpg)
FreeDigitalPhotos.net
Information architecture
![Page 22: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/22.jpg)
Shared content
COPE-ing with content
Create
Once
Publish
Everywhere
![Page 23: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/23.jpg)
Device detection and redirection
We used 51degrees.mobi http://51degrees.mobi
FreeDigitalPhotos.net
![Page 24: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/24.jpg)
![Page 25: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/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: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/26.jpg)
What worked well
•User-centered design•Iterative process•Talking to the developers•Mobile first
![Page 27: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/27.jpg)
What didn’t work so well
•Iterative process
•Deployment
![Page 28: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/28.jpg)
•Donation journey during a live emergency
•Mobile donations during a live appealNext steps:
![Page 29: Mobile Application and Web Development - A British Red Cross Case Study](https://reader035.vdocuments.us/reader035/viewer/2022070303/549ecf5ab479599b608b46b5/html5/thumbnails/29.jpg)
For more information contact Haylie Oriot, Charity Client Manager, Eduserv
[email protected] 01225 470460
www.eduserv.org.uk