don't break the bank - improve your mobile experience with light responsive techniques

Post on 05-Dec-2014

447 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

On Thursday, February 6, Habanero is hosting a webinar about Habanero’s light-responsive design approach. Light-responsive design techniques help organizations realize the benefits of better mobile support, without the high cost of completely rebuilding their website. They’re also great if you have a dedicated mobile site and want to make the shift to a responsive portal. The webinar will include a Habanero client case study to showcase our light-responsive approach and illustrate how you can benefit from this simplified way of doing responsive web design. John Allan, a Senior User Experience Developer, and Mallory O’Connor, Practice Lead, Customer and Member Portals, will present the webinar. This 30-minute ‘coffee break’ presentation is geared for designers, developers, marketing professionals, or website managers.

TRANSCRIPT

February 6, 2014

Don’t break the bank:

Improve your mobile experience with light responsive techniques

Practice Lead, Customer and Member Portals

Hello

Senior User Experience Developer

mallory o’connor john allan

light responsivewhat, why, and how light responsive applied

casestudy

Agenda for today

Q & A

About Habanero

thrivepeople and

organizations

we are

passionateabout helping

employeeportals

and intranets

customerportals

memberportals

and websites and extranets

Don’t break the bank:

Improve your mobile experience with light-responsive techniques

Mobile traffic

What is lightresponsive design?

mobile app vs. mobile web

Mobile experiences consumed via dedicated native application

Mobile experiences consumed via local device browsers

Dedicated mobile site

Responsive site

Desktop Tablet Phone

Light responsive site

Desktop Phone

Why chooselight responsive?

Budget

Enhancements vs. overhaul

Buy-in

Limited appetite to start from scratch

Pain

Impact on brand, satisfaction, and conversion

Benefits oflight responsive

It’s fast.

It’s cost effective.

It’s high impact.

How does it work?

CSS Javascript

Reprioritizing content

Reprioritizing content

Reprioritizing content

Rethinking navigation

Rethinking navigation

Rethinking navigation

Addressing complexity

Addressing complexity

Addressing complexity

Performance

Case study:oilsandstoday.com

A little backgroundabout the site

Bounce rate

High bounce rate was an indicator of deeper issues.

Layout

Pinch and zoom experience

Page load

Page size and load times were prohibitive

Results

Performance improvements

50%

Decrease in server requests

94%

Decrease in page size

86%

Decrease in page load time

Summary

Key takeaways

Light responsive is a fast, affordable, interim solution.

Mobile second can be ok too.

We can help you get started.

Questions?

Wrap up•Follow up questions are welcome!

•Past webinars: youtube.com/habaneroconsult

•Blog posts:habaneroconsulting.com/insights

moconnor@habaneroconsulting.com

Get in touch

jallan@habaneroconsulting.com

mallory o’connor john allan

habaneroconsulting.com/team

top related