Mobile Friendly Websites

<!DOCTYPE html>     <html class="no-js" lang="en">  <head> <title>Mobile Friendly Websites | Aptuitiv</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="apple-touch-icon" href="/layout/images/favicons/favicon-144.png"/> <link rel="shortcut icon" href="/layout/images/favicons/favicon-64.png" > <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0" /> <meta name="description" content=""> <script type="text/javascript" src="//use.typekit.net/ewb2mvn.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <link rel="stylesheet" href="https://files.aptuitivcdn.com/PKYZja3k3n-250/layout/css/style.1708087162.css" type="text/css" /> <style> .grecaptcha-badge { visibility: hidden; } </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" src="/layout/js/jquery.example.min.js"></script> <script type="text/javascript" src="/layout/js/modernizr.js"></script> <script type="text/javascript" src="/layout/js/ap-drilldown-menu.js"></script> <script type="text/javascript" src="/layout/js/main.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VPK06EME25"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VPK06EME25'); </script><link rel="icon" href="https://files.aptuitivcdn.com/PKYZja3k3n-250/images/favicon/favicon-64.png" type="image/png"> <meta property="og:description" content="Custom website design to improve your business."> <meta property="og:image" content="https://s3.amazonaws.com/bcms-files/PKYZja3k3n-250/images/open-graph/Aptuitiv-Logo.png"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:locale" content="en_US"> <meta property="og:site_name" content="Aptuitiv"> <meta property="og:title" content="Mobile Friendly Websites"> <meta name="twitter:card" content="summary"> <meta name="twitter:description" content="Custom website design to improve your business."> <meta name="twitter:image" content="https://s3.amazonaws.com/bcms-files/PKYZja3k3n-250/images/open-graph/twitter-img.png"> <meta name="twitter:site" content="@aptuitiv"> <meta name="twitter:title" content="Mobile Friendly Websites"> <meta name="twitter:url" content="https://www.aptuitiv.com/website-design/mobile-friendly-websites"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.aptuitiv.com/website-design/mobile-friendly-websites"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","name":"Aptuitiv, Inc","logo":"https:\/\/www.aptuitiv.com\/images\/Aptuitiv-Logo.png","url":"https:\/\/www.aptuitiv.com","@id":"https:\/\/www.aptuitiv.com\/#organization","contactPoint":[{"@type":"ContactPoint","telephone":"+1-207-860-4040","contactType":"customer service","availableLanguage":"EN"}],"sameAs":["https:\/\/www.facebook.com\/aptuitiv","https:\/\/www.linkedin.com\/company\/aptuitiv"]},{"@type":"WebSite","url":"https:\/\/www.aptuitiv.com","@id":"https:\/\/www.aptuitiv.com\/#website","name":"Aptuitiv","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.aptuitiv.com\/search?q={search_term_string}","query-input":"required name=search_term_string"},"publisher":{"@id":"https:\/\/www.aptuitiv.com\/#organization"}},{"@type":"WebPage","url":"https:\/\/www.aptuitiv.com\/website-design\/mobile-friendly-websites","@id":"https:\/\/www.aptuitiv.com\/website-design\/mobile-friendly-websites\/#webpage","isPartOf":{"@id":"https:\/\/www.aptuitiv.com\/#website"},"name":"Mobile Friendly Websites","dateModified":"2017-06-30T11:14:58-04:00"}]}</script> </head> <body class="" data-instant-intensity="viewport"> <div id="wrapper"> <div id="upper-header" class="clearfix"> <a href="/" class="logo" title="Go to home page"></a> <a id="search-button" style="display:none;" title="Search"></a> <a id="nav-button" class="toggle" style="display:none;" title="View mobile navigation"></a> <ul class="clearfix" id="upper-navigation"> <li class="left"> <ul class="clear fix"> <li class="address"><span>224 Broadway, Farmington, Maine</span></li> </ul> </li> <li class="right"> <ul class="clearfix"> <li class="phone"><a href="tel:12078604040">1-207-860-4040</a></li> <li class="first"><a href="/support" class="first">Support</a></li> <li class=""><a href="/legal">Legal</a></li> <li class=""><a href="/partners">Partners</a></li> <li class=""><a href="https://aptuitiv.mymailsrvr.com">Webmail Login</a></li> <li class="last"><a href="https://mybranch.chargebeeportal.com" class="last" target="_blank" rel="noopener noreferrer">Billing Login</a></li> <li class="search"> <form action="/search" enctype="application/x-www-form-urlencoded" id="search" method="post"> <input type="text" name="searchTerm" class="medium" id="search-field" placeholder="Search" title="Search" value=""> <input type="submit" id="search-submit" value="      "> </form></li> </ul> </li> </ul> <div class="nav-wrap"><ul class="navigation"> <li class="first"><a href="/self-storage-websites" class="first">Self-Storage Websites</a> </li> <li class="currentParent firstParent"><a href="/website-design" class="currentParent firstParent">Website Design</a> <ul> <li class="first"><a href="/website-design/custom-website-design" class="first">Custom Design</a> </li> <li class="current"><a href="/website-design/mobile-friendly-websites" class="current">Mobile Websites</a> </li> <li class=""><a href="/website-design/website-content-management-system">Website CMS</a> </li> <li class=""><a href="/website-design/ecommerce">Ecommerce</a> </li> <li class="last"><a href="/website-design/semi-custom" class="last">Semi-Custom Design</a> </li> </ul> </li> <li class=""><a href="/website-hosting">Hosting</a> <ul> <li class="first"><a href="/website-hosting/email" class="first">Email Hosting</a> </li> <li class=""><a href="/website-hosting/ssl-certificates">SSL Certificate</a> </li> <li class="last"><a href="/website-hosting/ssl-certificate-benefits" class="last">SSL Certificate Benefits</a> </li> </ul> </li> <li class=""><a href="/portfolio">Portfolio</a> </li> <li class=""><a href="/company">Company</a> <ul> <li class="first"><a href="/company" class="first">Overview</a> </li> <li class=""><a href="/contact">Contact Us</a> </li> <li class=""><a href="/company/jobs">Jobs</a> </li> <li class="last"><a href="/company/brand" class="last">Our Brand</a> </li> </ul> </li> <li class="last"><a href="/quote" class="last">Get a Quote</a> </li> <li class="first"><a href="/support" class="first">Support</a> </li> <li class=""><a href="/legal">Legal</a> </li> <li class=""><a href="/partners">Partners</a> </li> <li class=""><a href="https://aptuitiv.mymailsrvr.com">Webmail Login</a> </li> <li class="last"><a href="https://mybranch.chargebeeportal.com" class="last" target="_blank" rel="noopener noreferrer">Billing Login</a> </li> </ul></div> </div> <div id="header"> <div id="header-wrapper" class="clearfix"> <a href="/" class="logo" title="Go to home page"></a> <ul class="navigation" id=""> <li class="first"><a href="/self-storage-websites" class="first">Self-Storage Websites</a> </li> <li class="currentParent firstParent"><a href="/website-design" class="currentParent firstParent">Website Design</a> <ul> <li class="first"><a href="/website-design/custom-website-design" class="first">Custom Design</a> </li> <li class="current"><a href="/website-design/mobile-friendly-websites" class="current">Mobile Websites</a> </li> <li class=""><a href="/website-design/website-content-management-system">Website CMS</a> </li> <li class=""><a href="/website-design/ecommerce">Ecommerce</a> </li> <li class="last"><a href="/website-design/semi-custom" class="last">Semi-Custom Design</a> </li> </ul> </li> <li class=""><a href="/website-hosting">Hosting</a> <ul> <li class="first"><a href="/website-hosting/email" class="first">Email Hosting</a> </li> <li class=""><a href="/website-hosting/ssl-certificates">SSL Certificate</a> </li> <li class="last"><a href="/website-hosting/ssl-certificate-benefits" class="last">SSL Certificate Benefits</a> </li> </ul> </li> <li class=""><a href="/portfolio">Portfolio</a> </li> <li class=""><a href="/company">Company</a> <ul> <li class="first"><a href="/company" class="first">Overview</a> </li> <li class=""><a href="/contact">Contact Us</a> </li> <li class=""><a href="/company/jobs">Jobs</a> </li> <li class="last"><a href="/company/brand" class="last">Our Brand</a> </li> </ul> </li> <li class="last"><a href="/quote" class="last">Get a Quote</a> </li> </ul> </div> </div><div id="level-two-wrapper"> <div id="level-two"> <ul> <li class="first currentParent firstParent"><a href="/website-design" class="first currentParent firstParent">Website Design</a></li> <li class=""><a href="/website-design/custom-website-design">Custom Design</a></li> <li class="current"><a href="/website-design/mobile-friendly-websites" class="current">Mobile Websites</a></li> <li class=""><a href="/website-design/website-content-management-system">Website CMS</a></li> <li class=""><a href="/website-design/ecommerce">Ecommerce</a></li> <li class="last"><a href="/website-design/semi-custom" class="last">Semi-Custom Design</a></li> </ul> </div> </div> <div class="container"> <div id="content-main" class="clearfix"> <h1>Mobile Friendly Websites</h1> <p>In today's high-tech, on-the-go, highly mobile society it is increasingly less likely that all of your website's visitors will be coming from their desktop computer or laptop.</p> <p>We're not going to spout off stats of what percentage of vistiors will be using their phone, tablet or other mobile device to visit your website because you've seen it all before. We can simply say with confidence that if your website strategy does not include mobile then you are pushing a large percentage of your future and current customers away.</p> <h2>What is responsive design?</h2> <p>Best practices suggest that a responsive design is the best technique to develop a mobile website. We wholeheartedly agree. This website is a prime example of a responsive design. To get an idea simply resize your browser window and make it more narrow. You'll see how the page automatically adjusts itself depending on how much space there is to work with. That is responsive design. It's a best practice because instead of designing for specific mobile devices you are designing your site for different sizes based on the content of your website. That means that your website is more likely to look it's best in today's mobile devices as well as in next year's hot device.</p> <h2>What is it going to cost me?</h2> <p>A better way to ask this question is what will it cost me to not cater to mobile vistiors? </p> <p>However, if you're interested in how much more it will typically cost to build a website that is responsive and mobile friendly, then here you go. Typically implementing a responsive layout when building a new website will add 30% - 50% more to your budget. We feel that the benefits that you will reap by not turning away potential customers will far outweigh any extra costs. </p> <h2>Example sites</h2> <p>Below are some examples of responsive websites that we have built. <a href="/portfolio">View more examples in our porfolio</a>.</p> <p><div class="row"> <div class="lc-6 "> <a class="site-example" href="/portfolio/item/rangeley-lakes-chamber-of-commerce"> <img src="https://files.aptuitivcdn.com/PKYZja3k3n-250/images/portfolio/home-alt-22.jpg" alt=""> </a> </div> <div class="lc-6 last"> <a class="site-example" href="/portfolio/item/united-way-of-the-tri-valley-area"> <img src="https://files.aptuitivcdn.com/PKYZja3k3n-250/images/portfolio/Home-22-2.jpg" alt=""> </a> </div> </div></p> </div> </div> <div class="footer-wrap"> <div id="signup-bar-wrapper"> <div id="signup-bar" class="clearfix"> <div class="row"> <div class="lc-8"> <div id="signup-copy"><span>Improve your web presence today.</span> Get a quote for your own handcrafted beautiful website. </div> </div> <div class="lc-4 last"> <a href="/quote" class="button" id="signup-2">Get a Quote</a> </div> </div> </div> </div> <div id="footer"> <div id="footer-wrapper"> <ul id="footer-navigation" class="clearfix"> <lifirst><a/self-storage-websitesfirst></a> </li> <licurrentParent firstParent><a/website-designcurrentParent firstParent></a> <ul> <lifirst> <a/website-design/custom-website-designfirst> </a> </li> <licurrent> <a/website-design/mobile-friendly-websitescurrent> </a> </li> <li> <a/website-design/website-content-management-system> </a> </li> <li> <a/website-design/ecommerce> </a> </li> <lilast> <a/website-design/semi-customlast> </a> </li> </ul> </li> <li><a/website-hosting></a> <ul> <lifirst> <a/website-hosting/emailfirst> </a> </li> <li> <a/website-hosting/ssl-certificates> </a> </li> <lilast> <a/website-hosting/ssl-certificate-benefitslast> </a> </li> </ul> </li> <li><a/portfolio></a> </li> <li><a/company></a> <ul> <lifirst> <a/companyfirst> </a> </li> <li> <a/contact> </a> </li> <li> <a/company/jobs> </a> </li> <lilast> <a/company/brandlast> </a> </li> </ul> </li> <lilast><a/quotelast></a> </li> <li class="footer-content"> <span id="copyright">Copyright © 2024 Aptuitiv. All rights reserved.<br /> This website is powered by <a href="http://www.branchcms.com/" target="_blank">Branch CMS</a>.</span> </li> </ul> <div id="footer-content-bottom"> </div> </div> </div> </div> </div> <script src="https://www.google.com/recaptcha/api.js?render=6LfkFTMaAAAAAGCnjmXBNJRTp7ox8XwBPMiEQ9Pc" async></script> <script>if(typeof grecaptcha === "undefined") {grecaptcha = {};}grecaptcha.ready = function(cb){if(typeof grecaptcha.execute === "undefined") {const c = "___grecaptcha_cfg";window[c] = window[c] || {};(window[c]["fns"] = window[c]["fns"]||[]).push(cb);} else {cb();}};grecaptcha.ready(function() {window.gCaptchaV3Promise9904 = function(grecaptcha, options) {options = options || {};if (typeof options.action === "undefined") {options.action = 'form'};if (typeof options.setField === "undefined") {options.setField = true;};if (typeof options.inputSelector === "undefined") {options.inputSelector = '.gRecaptchaV34R77fuUc7f';};return new Promise(function(resolve, reject) {grecaptcha.execute('6LfkFTMaAAAAAGCnjmXBNJRTp7ox8XwBPMiEQ9Pc', {action: options.action}).then(function(token) {if (options.setField) {document.querySelector(options.inputSelector).value = token;}resolve();}, function() {reject();});});};window.gCaptchaV3Promise9904(grecaptcha, {setField: false});}); </script> <script src="//instant.page/3.0.0" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script> </body> </html>

CINXE.COM

Mobile Friendly Websites | Aptuitiv