Responsive Design

All of our websites are now created using a technique known as “responsive design,” where a single site layout automatically adapts to the size of the screen on which it is being viewed. What this means is that your customers—whether they are on a 30″ desktop monitor or an iPhone 6s—will see much the same information without having to squint or zoom.

Different size screens for responsive design

During the past five years, responsive design has become increasingly important as the market for mobile devices has expanded rapidly. Using advanced CSS frameworks like Foundation 6, we take extra care to craft websites that meet all technical standards while providing your customers a seamless viewing experience regardless of what device they are using. So contact us today and let us start making a responsive design site for you and your customers.

Mobile First Design

For some of our clients, 60 to 70 percent of their overall site traffic comes from smart phones and tablets. In such cases, we recommend a design method known as mobile first, where content and images are optimized to provide the fastest, most efficient viewing experience for mobile users. Having established this base viewport, we then add layers of additional information and images for larger devices, such as laptops, desktop computers, and even large flat-panel television sets.

Traditionally, responsive design techniques have used a top-down method that began with designing for desktop screens first, then trying to make all the content work on smaller devices by manipulating the size and position of elements within the site’s cascading stylesheet. Mobile first design takes this traditional approach and turns it on its head.

Traditional Responsive


Traditional responsive vs. Mobile First

The result is a cleaner looking mobile design that downloads faster and provides just the information needed by mobile users. If your monthly analytics reports are showing a substantial amount of traffic on smart phones and tablets, then you owe it to these customers to consider a mobile first approach.

Technology Standards

For all of our websites, we use only open-standards technologies to ensure easy future upgrade paths. We do not believe in proprietary technologies such as Flash and Active Server Pages. Instead, we embrace the newest versions of Hypertext Markup Language and Cascading Style Sheets. Well written content is important to search engine optimization, but so is a properly coded page that validates and displays information correctly. For a 3- to 5-page site with limited interaction, we recommend a simple collection of static pages composed using HTML5 and CSS3. For larger, more complex sites, we exclusively use WordPress, the world’s most popular open-source content management system.

For a free quote, please complete the New Client Questionnaire or drop us a line using the site’s general contact form, and let us start building a website for you soon.