Slide 1

Slide 1 text

WEBSITE DESIGN FOR SUCCESS WHY MOBILE MATTERS GoogleFest 2016 Karl Hudson Phillips // @khudsonphillips // bluekeyinc.com

Slide 2

Slide 2 text

WHAT IS SUCCESS? The accomplishment of an aim or purpose 2

Slide 3

Slide 3 text

WHAT IS WEBSITE DESIGN? The conscious effort to render meaningful intent on the web 3

Slide 4

Slide 4 text

SUCCESSFUL WEBSITE DESIGN Today, your website or marketing strategy needs to address the use of mobile devices 4

Slide 5

Slide 5 text

4 REASONS WHY MOBILE MATTERS NOW MORE THAN EVER

Slide 6

Slide 6 text

MORE INTERNET USE HAPPENS ON MOBILE DEVICES vs DESKTOP

Slide 7

Slide 7 text

MOBILE IMPRESSIONS BY REGION 7 Source: https://goo.gl/Bw9PSp

Slide 8

Slide 8 text

MOBILE MAKES LOCAL POSSIBLE Mobile has made location-specific information available on-the-go 8

Slide 9

Slide 9 text

MOBILE IS CONVENIENT It’s become part of our lifestyle, and offers more flexibility 9

Slide 10

Slide 10 text

MOBILE IS CONVENIENT 10

Slide 11

Slide 11 text

MOBILE IS CONVENIENT 11

Slide 12

Slide 12 text

MOBILE IS CONVENIENT 12

Slide 13

Slide 13 text

MOBILE IS NOW STANDARD The attention of your customers is on mobile devices - You need to be there too! 13

Slide 14

Slide 14 text

MORE EMAILS ARE OPENED ON MOBILE DEVICES

Slide 15

Slide 15 text

MOBILE EMAIL CONSUMPTION 15 Source: http://goo.gl/PG6hzH (2013)

Slide 16

Slide 16 text

SEARCH RESULTS FAVOR MOBILE-FRIENDLY SITES

Slide 17

Slide 17 text

SEARCH RESULTS FAVOR MOBILE ● April 2015 - Google Updated Search Algorithm 17

Slide 18

Slide 18 text

SEARCH RESULTS FAVOR MOBILE ● April 2015 - Google Updated Search Algorithm ● Dropped rankings for non-mobile-friendly sites 18

Slide 19

Slide 19 text

SEARCH RESULTS FAVOR MOBILE ● April 2015 - Google Updated Search Algorithm ● Dropped rankings for non-mobile-friendly sites ● Other search engines will follow 19

Slide 20

Slide 20 text

SEARCH RESULTS FAVOR MOBILE 20

Slide 21

Slide 21 text

BAD MOBILE SITES DRIVE CUSTOMERS AWAY

Slide 22

Slide 22 text

SEARCH RESULTS FAVOR MOBILE 22 Source: http://goo.gl/Gat9ye

Slide 23

Slide 23 text

HOW TO BECOME MORE MOBILE- FRIENDLY

Slide 24

Slide 24 text

BECOMING MORE MOBILE-FRIENDLY 1. Create a separate mobile site 24

Slide 25

Slide 25 text

BECOMING MORE MOBILE-FRIENDLY 1. Create a separate mobile site 2. Create a native mobile app 25

Slide 26

Slide 26 text

BECOMING MORE MOBILE-FRIENDLY 1. Create a separate mobile site 2. Create a native mobile app 3. Create a responsively-designed website 26

Slide 27

Slide 27 text

TEST HOW MOBILE-FRIENDLY YOUR SITE IS

Slide 28

Slide 28 text

GOOGLE’S TOOLS ● Resizer - g.co/design/resizer 28

Slide 29

Slide 29 text

GOOGLE’S TOOLS ● Resizer - g.co/design/resizer ● Testmysite.thinkwithgoogle.com 29

Slide 30

Slide 30 text

GOOGLE’S TOOLS ● Resizer - g.co/design/resizer ● Testmysite.thinkwithgoogle.com ● Google Analytics - google.com/analytics 30

Slide 31

Slide 31 text

ADDITIONAL CONSIDERATIONS Mobile-Friendly vs. Mobile-First 31

Slide 32

Slide 32 text

DON’T FALL BEHIND! Providing your users with a mobile-friendly experience can be the difference between keeping their attention or losing their business 32

Slide 33

Slide 33 text

QUESTIONS & ANSWERS

Slide 34

Slide 34 text

CONTACT INFORMATION [email protected] 803-619-3723 linkedin.com/in/karlhudsonphillips twitter.com/khudsonphillips www.bluekeyinc.com 34