Request a Website Estimate: 717.392.1874 |

iComm Web Development

A website utilizing Responsive Design can help you better communicate to your customers.

Responsive Design is a way to create websites so that they are able to adapt for optimal viewing across a variety of types of devices. This means we can make the user experience better for visitors to your site, regardless of their screen size. iComm can provide a specific user experience for various display sizes related to devices such as Desktop, Laptops, Tablets, and Mobile Smart Phones. Within each of these types of devices resides various screen resolutions (sizes).

The ever-growing need for Responsive Design.

The proliferation of Mobile and Table for Web browsing has changed how and when people access the Web. As web users become more comfortable in choosing Mobile and Tablets to surf the web, their expectations change. They want a site that is also easy to use on their Smart Phone or Tablet. And if it is not easy, they will find another site for their needs. But even if they don't leave the site, the impression that they may get is that the brand is not current with technology or their customers' needs. You can provide information more legibly, and more elegantly on a per device manner.

How we got to Responsive Design.

In the past, Developers would create one design that was of a specific size that most people were able to view AT LEAST 100% (width). Then, it would be coded to work at that screen size, for all users.

When Mobile Web Browsing emerged, sites worked and looked somewhat like the Desktop design, but just looked smaller. Mobile screens saw the design much smaller, and sometimes not proportionately.

The next stage was to develop code that detected if a person was using a Mobile phone, and then show a separate Mobile Only site. This meant more initial development work, and more updates to a second website for when the content needed to change (two websites, not just one website).

As newer Smart Phones emerged such as iPhone and Android, their Web browsing could handle more capabilities, and the sites began to appear on larger mobile screen. While Mobile-Only Sites still were being developed, new HTML Code was being developed (starting in 2010) that allowed Websites to detect the device type/screen size and then CHANGE the site look as needed (layout, image sizes, which copy to show, which images to show, font sizes, navigation styles, etc.). This new practice is called Responsive Design.

It is "Responsive" because the site "responds" to the user's device. It is also the Marketer (the site) being "responsive" the experience of the site visitor, giving the site visitor better usability.

How Responsive Design can be helpful.

The smaller the screen size, the more confusing it can be to navigate a website and read content. With Responsive Design, iComm can remove items on the page that hinder the primary goals of the page (such as getting information or performing a function such as Site Search).

For example, imagine a page full of Monthly Specials that has images and text. On a traditional Desktop Monitor or Laptop, the images could be large and page scrolling may be needed, but easy to do. On a Tablet, everything becomes smaller, but could still be possible without any major issues. But on a Mobile Device, we could make only the Product Names and Prices Show, hiding the images. This would make it very easy for people to quickly find the specials and read them clearly.

Long-term budget benefits of Responsive Design.

When companies develop a Desktop website (usually with a fixed width of 1024 pixels wide) along with an additional website for Mobile (one small size), they are spending money and time to develop content for two "sizes" of screens. That means regardless of the Mobile screen size of the user, all Mobile users will see one version, with it being manipulated (shrunk or enlarged) for their phone. In addition, the owner of the website has to make updates to two different websites each time content changes.

Using Responsive Design techniques, you still have initial development time and cost, but the managing of the content for the future is much more efficient. All the content for one type of Web page (like Specials) is on the same web page regardless of the many sizes of screens the page accommodates. The code will automatically change sizes of elements, and various elements can be moved or hidden as needed.

Some examples of Responsive Design websites by iComm.

Go to top of page