mobile application and web development - a british red cross case study

29
Felicity Pointer Web Officer, British Red Cross David Peel Web developer, Eduserv John Simcock Client Director, Eduserv Engaging with donors in a mobile market - A British Red Cross case study

Upload: eduserv

Post on 27-Dec-2014

605 views

Category:

Technology


1 download

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

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