THE STATE OF THE WEB
Hi, I'm Tommy Marshall
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626259/viget.png)
FRONT-END DEVELOPER
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626255/Our_Work_Portfolio___Viget_2017-03-23_17-19-13.png)
WHAT WE’LL COVER
-
WHO’S USING THE WEB, FOR WHAT AND HOW
-
TRENDS AND TECHNOLOGIES
-
PUTTING MOBILE FIRST
The
Web
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624040/State-of-the-Web-Fall-2016.032.jpeg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624045/State-of-the-Web-Fall-2016.033.jpeg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624031/2015_Mobile_App_Report_2017-03-23_08-52-00.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624037/State-of-the-Web-Fall-2016.016.jpeg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624031/2015_Mobile_App_Report_2017-03-23_08-52-00.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624033/State-of-the-Web-Fall-2016.010.jpeg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624130/web-page-size-revisited-revised.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3629432/page-load-time-exit-rate.png)
Trends and Technologies
ACCELERATED MOBILE PAGES
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624208/Google-Introduces-the-Accelerated-Mobile-Pages-Project.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3628447/instant-articles-gif.gif)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3628454/ia-infographic-final_1x.jpg)
HOSTED BY FACEBOOK, GOOGLE, APPLE
BASICALLY, STRIPPED DOWN HTML
GIVEN PRIORITY IN RESULTS
INSANELY FAST
LESS CONTROL OVER VISUAL DISPLAY
SOMETHING
AS A
SERVICE
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626978/giphy__3_.gif)
HOSTING
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3625763/4f46367c-309a-4c1b-8e28-19cbeacb519c.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3625772/gmail-2014.png)
TEXTING
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3625778/UploadsNewsArticle4903452main.jpg)
ERROR LOGGING
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3625797/timeline_2x-8c7f0ca4.png)
SECURITY
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3624362/screencapture-cloudflare-a-analytics-catholiccharitiesusa-org-requests-1490280166113.png__3360_7458__2017-03-23_10-43-34.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626998/download.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3627003/video.gif)
(SECURITY CONTINUED)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3627023/le-logo-twitter.png)
IMAGES
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626182/facebook-image.png)
![](https://s3.amazonaws.com/vigesharing-is-vigecaring/tmarshall/untitled_2017-02-03_11-14-38.png)
BILLING
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626197/stripelogo.png)
WEBSOCKETS
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626202/pusher_logo_dark.png)
BACKEND
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626207/image00.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626233/uZrQRaTlfbM.market_maxres.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626216/Untitled-2__100_Day_of_the_Puppy_Bowl_RGB8__2016-01-14_16-32-03.png)
(proprietary information, please do not share)
CMS
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626212/1.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626237/Quake__Champions_Official_Website___Home_2017-03-23_17-08-45.png)
![](https://s3.amazonaws.com/vigesharing-is-vigecaring/tmarshall/Content_2017-02-03_10-28-13.png)
![](https://s3.amazonaws.com/vigesharing-is-vigecaring/tmarshall/News_Article_2017-02-03_10-35-19.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3629491/untitled_2017-03-24_13-16-31.png)
![](https://s3.amazonaws.com/vigesharing-is-vigecaring/tmarshall/untitled_2017-02-03_10-31-58.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626943/Google_Translate_2017-03-23_23-23-31.png)
![](https://s3.amazonaws.com/vigesharing-is-vigecaring/tmarshall/Another_Greg_Test_Page_2017-02-03_10-14-11.png)
![](https://s3.amazonaws.com/vigesharing-is-vigecaring/tmarshall/untitled_2017-02-03_11-15-39.png)
CLIENT-SIDE
APPS
HIGHLY INTERACTIVE WEBSITE OR APP
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626992/1-XaGxIa_JuHc8YTR5Znv6tg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626994/vuejs-logo.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3629495/68747470733a2f2f692e7974696d672e636f6d2f692f626e314f674765692d4456376153526f5f48614169772f6d71312e6a70673f763d3466386632636339.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626269/ESPN_-_Anatomy_of_a_Pitch___Viget_2017-03-23_17-17-23.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626948/KNOW_LUPUS_Card_Game___The_Lupus_Foundation_of_America_2017-03-23_23-27-52.png)
MOBILE FIRST
LOW-HANGING FRUIT
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626961/Screen-Shot-2016-06-01-at-12.30.33-PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626969/amex.jpg)
MUCH FASTER SITES
“MOBILE FRIENDLY” BY GOOGLE
CONSISTENT EXPERIENCE ACROSS PLATFORMS
STAND OUT FROM THE CROWD
PHONE TECHNOLOGY AND HARDWARE
ARE AWESOME
GEOLOCATION
ACCELEROMETER AND GYROSCOPE
TOUCH GESTURES
WEBAUDIO API
WEBSOCKETS
RUN AS HOME SCREEN APPS
OFFLINE MODES
PUSH NOTIFICATIONS
CAMERA ACCESS
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626955/jambells-phones-work.png)
BENEFITS SMS
SMS OPEN RATES ARE MORE THAN 99%.
MORE THAN 90% READ IN 3 MINUTES
RESPONSE RATES 43% IN 15 MINUTES
HAVING EMAIL + SMS CONVERTS 3.9X'S MORE LIKELY
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3628308/SameTime.co_-_Home_2017-03-24_07-48-58.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/174497/images/3626953/40Days40Ways_2017-03-23_23-34-12.png)
WRAP IT UP
FOCUS ON MOBILE STRATEGY
DOING COOL STUFF ISN’T AS HARD AS IT USED TO BE
SERVICES EXIST TO MAKE BUILDING WEBSITES BETTER
STRATEGY IS THE HARD, NOT “IS THIS TECHNICALLY POSSIBLE”
THE
END
QUESTIONS?
CREDITS
https://www.ampproject.org/
https://www.tatango.com/blog/dual-subscribers-3-9x-more-likely-to-purchase/
https://www.tatango.com/blog/78-of-consumers-believe-sms-is-fastest-way-to-reach-them/
https://www.viget.com/articles/native-or-not-the-untapped-power-of-web-apps
https://www.viget.com/articles/state-of-the-web-2016
https://www.viget.com/articles/your-guide-to-mobile-publishing-formats-amp-facebook-instant-articles-and-apple-news
https://www.viget.com/articles/your-guide-to-mobile-publishing-formats-amp-facebook-instant-articles-and-apple-news
https://blog.firstclickdigital.co.uk/search-engine-optimisation-2/5-key-facts-about-google-amp-project/
http://jambells.com/
https://thenextweb.com/insider/2015/06/23/the-psychology-of-emojis/#.tnw_m7vgl3rr%23.tnw_9u8ricew#.tnw_3s0wg5xu#.tnw_tuc5zpch
Catholic Creatives
By Tommy Marshall
Catholic Creatives
- 1,225