1. SqueezeMobillionaire
Training Series

2.  Mobile Marketing
– Business Advantages of
Responsive Design
– Mobile Responsive Audit
TODAY’S TOPIC

3. TODAY’S GOALS

4. 1. Business Advantage
of Responsive Design
2. Mobile Responsive
Audit
OBJECTIVES

5. BUSINESS ADVANTAGE OF
RESPONSIVE DESIGN

6. Responsive design is a
web design and
development technique
that creates a site or
system that reacts to the
size of a user’s screen
7 BUSINESS ADVANTAGES

7. Responsive design will
optimise a user’s browsing
experience by creating a
flexible and responsive web
page, optimised for the
device that is accessing it
7 BUSINESS ADVANTAGES

8. 7 BUSINESS ADVANTAGES

9. INCREASING YOUR REACH TO
TABLET AND MOBILE

10. Increasing use of the
internet and proliferation of
web applications on tablet
and mobile devices has been
the driving force behind this
development
7 BUSINESS ADVANTAGES

11. Traditionally users would be
re-directed to a device
specific site (e.g. mobile),
but responsive design means
one site can be implemented
across devices.
7 BUSINESS ADVANTAGES

12.  Tablet sales are expected to
exceed 100 million this
year
 Accommodate the smaller
screen size in a unified
design
7 BUSINESS ADVANTAGES

13. INCREASE SALES AND
CONVERSION RATES

14.  User has an improved site
experience as there is no need
for redirection
 Use of standardized Style
Sheets (CSS) across devices and
unified design approach will
also create a consistent look
and feel
7 BUSINESS ADVANTAGES

15. Consistent user experience
will have a positive impact on
your conversion rates as
people are familiar with
navigation and site or system
use across devices.
7 BUSINESS ADVANTAGES

16. Responsive design removes
some of the barriers that
having multiple sites can
present, i.e. in functionality,
performance and consistent
look and feel.
7 BUSINESS ADVANTAGES

17. CONSOLIDATE ANALYTICS AND
REPORTING

18. A single responsive site means
that you no longer have to track
user journeys, conversion paths,
funnels and redirections between
your sites
7 BUSINESS ADVANTAGES

19. Site analytics tools like Google
Analytics are now optimised to
handle multiple devices and
responsive reporting
7 BUSINESS ADVANTAGES

20. All of your tracking and analytics
will continue to function and be
condensed into a single report,
allowing for easier monitoring
and analysis
7 BUSINESS ADVANTAGES

21. INCREASE YOUR VISIBILITY IN
SEARCH ENGINES

22. Responsive Design means you can
manage one website with a single
set of hypertext links; therefore
reducing the time spent
maintaining your site
7 BUSINESS ADVANTAGES

23. SEO campaigns can be time
consuming and costly, but by
creating a responsive site, all of
your efforts can be focused on a
single site, with unified strategy
and tactics across devices
7 BUSINESS ADVANTAGES

24. Content is vital in SEO, good
quality content which is regularly
released improves your search
engine ranking page positioning.
The content need only be
applied to a single site,
increasing your chances or a
higher search engine ranking
7 BUSINESS ADVANTAGES

25.  Additionally Google suggest
that mobile optimised,
responsive sites are featuring
prominently in localised search
results
7 BUSINESS ADVANTAGES

26. SAVE TIME AND COST ON
MOBILE DEVELOPMENT

27. A primary benefit of adopting a
responsive design is that it takes
less time than creating an
additional stand-alone mobile
site, which has been the
traditional approach
7 BUSINESS ADVANTAGES

28. Testing across a number of
websites also increases your
development, support and
maintenance overhead
7 BUSINESS ADVANTAGES

29. SAVE TIME AND COST ON SITE
MANAGEMENT

30.  Clients will also find it much
easier and less time consuming
to manage and maintain a
single site
 Additionally a single
administrative interface can
easily be optimized
7 BUSINESS ADVANTAGES

31. ENHANCE USER’S OFFLINE
BROWSING EXPERIENCE

32. Responsive design allows site
owners to deliver quality content
to audiences across devices, the
offline browsing capabilities of
HTML5 mean that sites can be
easily accessed ‘on the go’
7 BUSINESS ADVANTAGES

33. As HTML5 enabled tablets and
smart phones proliferate this will
become increasingly important
7 BUSINESS ADVANTAGES

34. Email newsletters, and content
contained in hybrid HTML5 web
applications will increasingly be
consumed on the move and in
the absence of an internet
connection
7 BUSINESS ADVANTAGES

35. WRAP UP

36.  Responsive design allows you
to stay ahead of the trend
 With the increase in Tablet
sales and smartphone device
use exploding, responsive
design is key to keeping up
ahead of your competitors and
establishing market share
7 BUSINESS ADVANTAGES

37. STEP BY STEP GUIDE TO
CHECK IF YOUR WEBSITE IS
RESPONSIVE

38. Do you know what
experience your mobile
visitors get when they visit
your site?
STEP BY STEP GUIDE

39. What about tablet
visitors?
STEP BY STEP GUIDE

40. Visitors checking out your
site from their TV?
STEP BY STEP GUIDE

41. You have no choice how,
when, where and on
what device your
audience chooses to
connect with you
STEP BY STEP GUIDE

42. 3 STEPS TO TEST

43. The fastest way to test if your website is using
responsive design is to open your site using a
browser like Chrome, Firefox or Safari and taking
your mouse to the bottom right corner of the
browser window and dragging it from the
bottom right to left
1. USE YOUR DESKTOP
BROWSER

44. Now, if you see your content shifting and
adjusting to the new dimensions of the browser
window your site is most likely responsive
1. USE YOUR DESKTOP
BROWSER

45. Although testing from your web browser is a
quick and easy way to see how responsive your
site is, you’ll most definitely want to test on your
actual devices
1. USE YOUR DESKTOP
BROWSER

46. Although testing from your web browser is a
quick and easy way to see how responsive your
site is, you’ll most definitely want to test on your
actual devices
2. USE YOUR CURRENT
DEVICES (SMARTPHONE,
TABLET, DESKTOP)

47. There is nothing better than
testing on real devices.
Whether it’s your own phone
or you go to a store like best
buy and try accessing your
website on numerous devices
2. USE YOUR CURRENT
DEVICES (SMARTPHONE,
TABLET, DESKTOP)

48. This is hands down the best
way for you to get a realistic
idea of what your mobile
visitors experience when they
visit your site
2. USE YOUR CURRENT
DEVICES (SMARTPHONE,
TABLET, DESKTOP)

49. 2. USE YOUR CURRENT
DEVICES (SMARTPHONE,
TABLET, DESKTOP)

50. This is hands down the best
way for you to get a realistic
idea of what your mobile
visitors experience when they
visit your site
3. USE AN EMULATOR

51. Remember, don’t solely rely
on an emulator
3. USE AN EMULATOR

52. The reason we’re doing this
in the first place is to
experience first hand what
our mobile users experience
when they visit our site from
various devices
3. USE AN EMULATOR

53. WANT AN IMAGE OF YOUR SITE
ON VARIOUS DEVICES FOR A
PRESENTATION?

54. Any Questions?
QUESTIONS AND
FEEDBACK

55. Did you guys enjoy the
session?
QUESTIONS AND
FEEDBACK

56. Have a Good Day and
Take Care Everybody
See You Next Time!
QUESTIONS AND
FEEDBACK