Are responsive mobile site design important? Absolutely it is since now a days people use smartphones in searching a lot of things and business while they are on the go. So in this presentation, it shows some ways to design mobile sites that are responsive and mobile friendly. The templates shown in this presentation are all in the Squeezemobillionaire platform. The mobile app and site builder in this platform has the feature to add news feeds to the sites/apps. Get to know more about what is included in the platform here: https://www.squeezemobillionaire.com/sign-up/pricing/

1. SqueezeMobillionaire
Training Series

2. Welcome to the
SqueezeMobillinaire
Training Webinar
My name is JIAN
WELCOME

3. Tips and Training on
How to Improve your
Mobile Business
WELCOME

4.  Mobile Trends of 2014
– Mobile Web Browsing
TODAY’S TOPIC

5. Recap: Ways to Design
Mobile Sites
 Responsive Design
 Mobile-Friendly Design
MOBILE TRENDS

6. Make Websites Look Cool
on Mobile Browsers
DESIGN GOALS

7.  Up-to-date design
 Look good and feel good
 Conforms with current
standards
 Branding continuity
DESIGN GOALS

8.  Graphics
 Typography
 Colors
 Accessibility and
Readability
DESIGN GOALS

9. WOW Your Viewers
 Beautiful Graphics
 Sliders
 New Technology
DESIGN GOALS

10. What is HTML5
 Focused on structuring
and presenting content
like Videos
WHAT IS HTML5

11. What is HTML5
 Features are focused
and built with Mobile in
mind
WHAT IS HTML5

12. Why is it a Big Deal?
 Has been tweaked to
bring interactivity and
multimedia
WHAT DOES IT DO?

13. Why is it a Big Deal?
In the past to view videos
and listed to audio files on
sites you need to install
plugins like Flash
WHAT DOES IT DO?

14. Why is it a Big Deal?
 Ability to store offline
data for Web Apps
WHAT DOES IT DO?

15. Why is it a Big Deal?
Able to create files in
Google Docs or draft
email even if you’re not
connected to the Internet
WHAT DOES IT DO?

16. Why is it a Big Deal?
 Ability to make objects
move on the webpage –
react to movement of
cursor
WHAT DOES IT DO?

17. Why is it a Big Deal?
Makes your website
elements look cool and
add interactivity
WHAT DOES IT DO?

18. Why is it a Big Deal?
 Ability to create
interactive games
without installing
plugins
WHAT DOES IT DO?

19. Why is it a Big Deal?
Who doesn’t like games?
WHAT DOES IT DO?

20. Why is it a Big Deal?
 Ability to create
interactive 3D effects
WHAT DOES IT DO?

21. Why is it a Big Deal?
Gives developers the
ability to create high
quality Web Apps and
Browser-based Games
SUMMING IT UP

22. Why is it a Big Deal?
 48% of Developers are
using HTML5
HTML5

23. Why is it a Big Deal?
 Over 34% of Websites
now employ some form
of it (eg. Gmail)
HTML5

24. Why is it a Big Deal?
 49% of Mobile Users in
the US prefer to use
browsers vs native apps
HTML5

25. Why is it a Big Deal?
 Rich Media and App-like
Behaviors on your
browser
HTML5

26. Life Before HTML5
We used Flash
 Had to install plugin
 Uses a lot of resources
IN THE PAST

27. HTML5 vs Flash
We mainly like Flash
because of the animations
– animated sliders,
graphics, interactivity, etc.
COMPARISONS

28. In the Mobile World
Do We Like Flash?
WHY?
FLASH AND MOBILE

29. In the Mobile World
Even Steve Jobs didn’t like
Flash as stated on his
essay “Thoughts on Flash”
FLASH AND MOBILE

30. Flash and Mobile
Don’t Mix
FLASH AND MOBILE

31. HTML5 vs Flash
HTML5 is also capable of
what Flash can do.
Without the need of
additional plugins
CONCLUSION

32. How Can Knowing HTML5
Help You in Your Business
 Our latest product
(Mobi 911 Leads) uses
HTML5 elements
MOBILE EXPERT

33. How Can Knowing HTML5
Help You in Your Business
 Help you explain to
clients about Flash and
it being outdated
MOBILE EXPERT

34. How Can Knowing HTML5
Help You in Your Business
 Convince clients that
HTML5 is the way to go
MOBILE EXPERT

35. How Can Knowing HTML5
Help You in Your Business
 Become knowledgeable
and brand yourself as an
expert
MOBILE EXPERT

36. Any Questions?
QUESTIONS AND
FEEDBACK

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

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