913.888.0772 | imodules.com making your site mobile-ready presented by: mark werner & chris...

913.888.0772 | imodules.com913.888.0772 | imodules.com

Making Your Site Mobile-ReadyPresented by: Mark Werner & Chris Smith

Why Mobile?

Explosive Growth

Dominance in Information Gathering

Convenience of mobile commerce

Multi device is the new standard

What is Mobile-Ready?

The ability for your constituents to engage with your institution at any time via any device

Mobile Web vs. Mobile Apps

Mobile Web = based on web browserMobile Apps = based on the native device operating system

Mobile web is our priority:• Leverages our clients investment in iModules browser-

based web technology•Availability and compatibility across devices•Greater reach and easier to find - Google it•Easier to maintain and support

There is no one-size fits all solution. Mobile apps will be enabled by future iModules API enhancements

Two Mobile-Ready Options

Template Design

Hybrid Design

Both options utilize new flexible forms capabilityBoth require content to be curated for mobile

Mobile-Ready Template Design

•Lower cost offering with easier to manage content• Based on standardized mobile templates to present

content• Uses device detection in iModules platform to

determine viewing device, then delivers the appropriate template

• Includes both smartphone and tablet templates with some branding customization

Mobile-Ready Hybrid Design

• Advanced design option that builds three separate design displays for desktop, tablet and phone

• Uses CSS media queries to determine (query) the device and then adjusts template to the appropriate break point

• Provides clients greater control over the branding look and feel of the mobile interface

Adaptive vs. Responsive

• iModules Mobile Web utilizes both adaptive and responsive web tech

• Use of breakpoints for tablet and smartphone is adaptive• For display below smartphone, the template is responsive•New flexible forms are responsive to the device•Lot of overlap of these technologies and their definitions

The differentiation is a highly technical conversation – the main thing is what works for your institution!

Mobile-Ready Benefits•Deliver an intuitive mobile experience to your constituents• Maintain a consistent message and brand for your institution • Make it easier for your constituents to connect, consume and

support the institution • Provide seamless registration, donation, and membership

transactions from any device • Deploy specific mobile-based strategies for online giving and

other institutional support • Eliminate the need to manage multiple websites or channels• Ensure member data and transactions are collected in your

iModules reporting

913.888.0772 | imodules.com913.888.0772 | imodules.com

Design and Demo

Mobile-Ready Template Design

Key Features:– Device Detection

• Smartphone Templates• Tablet Templates

– Flexible Forms– Affordable Cost

Demo Site: demofs.imodules.com

Mobile-Ready Hybrid Design

Key Features:– One Template Covers

• Desktop, Tabletand Smartphone

– Flexible Forms– Fully customizible look

and feel

Demo Site: csdemo.imodules.com

Choosing a Mobile-Ready Option

Care should be taken when trying to decide which product is right for your organization. Here are some things to consider:

– What size staff does your organization have on hand to properly support content management?

– What is the size of your budget?– Does your organization have strict branding guidelines that

require a consistent look and feel across all devices?– Are only certain portions of your site needed for mobile access

or does the entire site need to be accessible

913.888.0772 | imodules.com913.888.0772 | imodules.com

Questions?

913.888.0772 | imodules.com913.888.0772 | imodules.com

Thank you!Chris Smith

Mark Werner