Transcript
Page 1: Mobile Application and Web Development - A British Red Cross Case Study

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

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

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

British Red Cross digital strategy

Page 5: Mobile Application and Web Development - A British Red Cross Case Study

Digital Fundraising Forum, Summer 2012

Page 6: Mobile Application and Web Development - A British Red Cross Case Study

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

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

Digital Fundraising Forum, Summer 2012

Page 9: Mobile Application and Web Development - A British Red Cross Case Study

• 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

Near you widget - Before

Page 11: Mobile Application and Web Development - A British Red Cross Case Study

Near you widget - After

Page 12: Mobile Application and Web Development - A British Red Cross Case Study

Near you widget results - Before

Page 13: Mobile Application and Web Development - A British Red Cross Case Study

Near you widget results - After

Page 14: Mobile Application and Web Development - A British Red Cross Case Study

Donations

Page 15: Mobile Application and Web Development - A British Red Cross Case Study

Donation widget

Page 16: Mobile Application and Web Development - A British Red Cross Case Study

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

Mobile or app?

Page 18: Mobile Application and Web Development - A British Red Cross Case Study

Separate mobile site or integrated solution?

FreeDigitalPhotos.net

Page 19: Mobile Application and Web Development - A British Red Cross Case Study

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

Geolocation

Page 21: Mobile Application and Web Development - A British Red Cross Case Study

FreeDigitalPhotos.net

Information architecture

Page 22: Mobile Application and Web Development - A British Red Cross Case Study

Shared content

COPE-ing with content

Create

Once

Publish

Everywhere

Page 23: Mobile Application and Web Development - A British Red Cross Case Study

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
Page 25: Mobile Application and Web Development - A British Red Cross Case Study

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

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

What didn’t work so well

•Iterative process

•Deployment

Page 28: Mobile Application and Web Development - A British Red Cross Case Study

•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

For more information contact Haylie Oriot, Charity Client Manager, Eduserv

[email protected] 01225 470460

www.eduserv.org.uk


Top Related