Google Mobile-Friendly Re-designs. - OFF THE CHAIN Web Design

1134

post-template-default,single,single-post,postid-1134,single-format-standard,sp-easy-accordion-enabled,stockholm-core-2.4.4,select-child-theme-ver-1.1,select-theme-ver-9.10,ajax_fade,page_not_loaded,smooth_scroll,,qode_grid_1300,qode_menu_,qode-mobile-logo-set,wpb-js-composer js-comp-ver-8.0.1,vc_responsive

August 25, 2015

Google Mobile-Friendly Re-designs.

Back in June 2015, we sent out an update on the latest Google requirements for websites to be mobile-friendly. We had a really positive response from clients and since then we’ve been pretty busy updating sites to make sure they meet the Google guidelines. A few of our clients also decided the time was right for a complete re-design to keep them at the top of their game in competitive marketplaces. We’re pretty pleased with the results and so are they. Have a look below and check out the new concepts we came up with.

Glacier City Realty

Check out the full Glacier City Real Estate re-designed Website here.

Southeast Exposure Outdoor Adventure Center

Screen Shot 2015-08-10 at 5.50.26 PM

See the full Southeast Exposure re-designed Website here.

Montague Marine Research

View the full Montague Marine Research re-designed Website here.

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none;}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1);}:where(.is-layout-flex){gap:.5em;}:where(.is-layout-grid){gap:.5em;}body .is-layout-flex{display:flex;}.is-layout-flex{flex-wrap:wrap;align-items:center;}.is-layout-flex > :is(*,div){margin:0;}body .is-layout-grid{display:grid;}.is-layout-grid > :is(*,div){margin:0;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}.has-black-color{color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color:var(--wp--preset--color--white) !important;}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color:var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color:var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6;}@import url("https://otcwebdesign.com/nitropack_static/AoGjgdDiCvoUvOQdEsWRTGJwuCZwMFJz/assets/static/optimized/rev-ad4cc50/use.typekit.net/nitro-min-uac3agt.css");.archive div.post_image{display:none !important;}@media only screen and (min-width: 1001px) and (max-width: 1280px){span.menu-text{font-size:12px !important;}}.blog_holder.blog_single{max-width:720px;margin:auto;}.latest_post_author.post_info_section{display:none;}xh1,xh2,xh3,xh4,xh5{font-family:brandon-grotesque,sans-serif;}nav.main_menu ul{padding:38px 0 0 0;}.lightbox_single_portfolio,.portfolio_detail,.portfolio_single,.portfolio_single_text_holder{margin-top:48px;}.red h1{color:#e00000;}li.narrow .second .inner ul{padding:6px 0px;}header.page_header.scrolled_not_transparent.fixed{background:#191919;}nav.mobile_menu ul li a,nav.mobile_menu ul li h4{padding:16px 16px !important;}.mobile_menu_button{margin:32px 32px 0 16px !important;}ul.sub_menu li a{font-weight:300 !important;font-style:italic;color:#ccc !important;}@media (max-width: 567px){.vertical_menu_enabled .carousel .carousel-inner h3 span{font-size:18px !important;line-height:0px !important;letter-spacing:-1px;}}@media (max-width: 800px){.carousel-inner .slider_content .slide_buttons_holder{margin-top:192px;}}@media only screen and (max-width: 800px){.carousel .carousel-inner .slider_content{vertical-align:top !important;}}.google{font-family:futura-pt,sans-serif !important;font-weight:600 !important;font-style:normal !important;letter-spacing:0px !important;}.menu-animation-underline nav.vertical_menu > ul > li > a .menu-text:before{height:2.5px;bottom:-10px !important;}.header_bottom{xheight:150px;}.vertical_menu .second .inner{margin-bottom:14px;margin-top:-12px;}#menu-footer-menu li{letter-spacing:.8px;font-size:22px !important;line-height:32px !important;}h5.qode-pricing-item-price{font-weight:500 !important;}h5.qode-pricing-item-title{font-weight:900 !important;}.q_icon_list p{font-weight:400;padding-bottom:0;font-size:16px;}.qode-pricing-list .qode-pricing-list-item{margin-bottom:32px;}.carousel-inner h2{color:white !important;font-weight:400 !important;font-size:64px !important;letter-spacing:0px !important;margin:0 0 0px !important;}.carousel-inner h3{font-family:roboto,sans-serif !important;letter-spacing:-2px !important;font-weight:500;font-size:28px !important;}p{font-family:roboto,sans-serif !important;}.qbutton,.qbutton.medium{font-family:roboto,sans-serif !important;}.qode-btn,.portfolio_main_holder .item_holder .portfolio_title a,.projects_holder.hover_text article .project_category,.projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category,.projects_masonry_holder .project_category,.portfolio_main_holder .item_holder .project_category,.masonry_with_space_only_image .projects_holder article span.text_holder span span.text_inner .project_category,.projects_holder.justified-gallery article .project_category,.projects_holder.justified-gallery article span.text_holder span.text_inner .hover_feature_holder_title .project_category{font-family:roboto,sans-serif !important;}.qbutton{letter-spacing:1.6px;}.qbutton.big_large_full_width,.wpb_row .qbutton.big_large_full_width{line-height:60px;}.qbutton.small{letter-spacing:1.2px;margin:4px 3px;}.sp-easy-accordion .sp-ea-single{border-radius:0px !important;}.ea-header{font-family:roboto,sans-serif !important;font-size:18px;padding-bottom:0px !important;}.projects_holder.standard article .project_category{display:none;}.q_image_with_text_over .shader{background-color:rgba(57,57,57,.6);}.subtitle p{font-family:"Libre Baskerville",sans-serif !important;font-size:21px;line-height:1.4em;font-weight:400;letter-spacing:.8px;font-style:italic;color:#000;}.title_subtitle_holder{padding:74px 0px 0px 0px;}@media only screen and (max-width: 480px){.subtitle{display:block;}}@media only screen and (max-width: 480px){.position_center.title h1,.title h1{font-size:48px;margin-top:32px;}}@media only screen and (max-width: 600px){.portfolio_single h2.portfolio_single_text_title span{font-size:28px;}}@media only screen and (max-width: 480px){h2{font-size:48px !important;}}@media only screen and (max-width: 480px){h3{font-size:32px;}}.L2 li{margin-bottom:18px;line-height:32px;}.L2 ul{list-style-position:outside;margin-bottom:10px;margin-left:20px;}.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light p,.light a{color:#fff;}.price_in_table .value{font-size:32px;top:6px;}.price_in_table .price{font-size:32px;line-height:42px;}.price_in_table .mark{font-size:17px;}.q_team .q_team_title_holder .q_team_name{margin-top:14px;}.blog_holder article .post_image,.blog_holder article .post_image img,.blog_holder article .post_image > a{text-align:center;margin-top:32px;}.two_columns_50_50 > .column2 > .column_inner{text-align:right;}.footer_bottom p,.footer_bottom span,.footer_bottom ul li a{padding-top:32px;}p{padding-bottom:28px;}div.wpcf7 img.ajax-loader{display:none;}.carousel-indicators li,.carousel-indicators .active{margin:0px 10px;}.info_section_title{margin-bottom:20px;}nav.vertical_menu_toggle ul li.menu-item-has-children a span{height:32px;}.vertical_menu .second .inner > ul > li > a{margin-bottom:-24px;}.q_tabs .tabs-container{background-color:#fff;}.full_screen_navigation_holder.up_arrow{left:130px;}.full_screen_navigation_holder.down_arrow{left:130px;}.title .title_holder{display:inherit;}nav.mobile_menu ul>li.has_sub>span.mobile_arrow{padding:16px 32px 0 0 !important;font-size:32px;}.header_bottom{padding-bottom:6px;}ul#menu-footer-menu li{font-family:"Libre Baskerville",serif;font-style:italic;font-size:28px;line-height:36px;font-weight:600;}.wpcf7 form.sent .wpcf7-response-output{color:#46b450;}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{color:#dc3232;}.wpcf7 form.spam .wpcf7-response-output{color:#f56e28;}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{color:#ffb900;}#rs-demo-id{}