Websites designed for mobile
Mobile-Friendly Web Design
Keeping your visitors engaged is the most important part of web design. It all starts with a responsive layout that fits your visitor's screen. With over half of all internet traffic happening on mobile devices, making sure you have a mobile-friendly website has become a top priority. A site that fits multiple devices can reach more visitors and keep them coming back.
Website Scalability Options
To make your website mobile-friendly, we offer two options: mobile design and responsive design. There are pros and cons to each but both options will provide you with a website that looks great on mobile devices. Below we’ve outlined the key differences to help point you in the right direction.
A separate website for mobile devices
About Mobile Design
Up until a few years ago, mobile sites were the standard solution for websites needing a mobile presence. Today, they're a lower cost alternative to responsive websites with less flexibility. A mobile site is made up of essentially two websites - one for the primary site (desktop), and one for the mobile site. When the website is accessed from a mobile device the mobile site loads, likewise the primary website is loaded from any larger device.
When To Use Mobile Design
Mobile websites are less expensive up front. One case where a mobile site might be a good choice is when a whole website redesign is not preferred. Since a mobile site is separate from a primary site, an existing website can remain unaffected when adding a mobile site.
Mobile Design Setbacks
Mobile sites require more maintenance. Since your website is essentially made up of two separate sites, it can be difficult and time consuming to keep each one updated and working. Mobile sites also use separate domains with separate content. This can cause links to your mobile site lead to your primary site, and vice versa. This can hurt organic traffic to your site in search engines. Mobile sites do not scale to fit every device. There is only a mobile site and a primary site, with no in-between for tablets, notebooks, and other medium sized devices.
Low Cost Solution
Websites made to fit every device
Target Every Device
Responsive design bridges the gap between the way your website looks on a phone, computer, and everything between. Responsive websites gracefully scale to look great on any device. Whenever a responsive site senses a change in width it rescales to fit that size. Several website styles are designed to accommodate each width that we call breakpoints. For example, a phone might have a breakpoint at 480 pixels, a tablet at 1024, and a desktop at anything larger. When the width of the site is changed, regardless of the device being used, a new style is displayed.
Responsive Design Setbacks
Responsive websites usually require more time and expense. Since the primary site and mobile site are one in the same, they require a complete rebuild of the website as whole to develop.
When To Use Responsive Design
Responsive sites are a better solution for the future in mind since they don’t require two separate websites like mobile design. Updates, maintenance, and SEO can be modified with one universal change. There is only one domain used for responsive sites, so site links are preserved in search engines and other websites. Finally, responsive sites scale to fit any browser on any device.