Digital Marketing Blog

4 Types of Website Design

  • By Brad Poirier
  • 15 Dec, 2015

What is Responsive Design anyway?

4 Types of Website Design
4 Types of Website Design

What do you mean four types? The wide world of websites can be quite confusing. It changes rapidly and understanding all of the terms can be challenging. SEO what? Mobile-Friendly huh? Responsive what-sie? So I'm going to take a few minutes and explain the differences to outline exactly what each of the types of websites are, which type we build with, and why you should choose one or the other.

Let's shamelessly begin with our product.

Our main websites use the responsive design concept . This is a fancy smanshy way of saying the website automatically adjusts to the screen size its being viewed on. There are many different ways to build a multi-screen website. Let's cover a few of them

One - Adaptive Design

Adaptive websites will deliver at least two different websites depending on the device type. This means the mobile site is completely separate from the desktop. This is where you would see a M.example.com from your smartphone verses a www.example.com on your desktop.

This has the ability to display content that is specific for those devices and nothing unnecessary for one or the other. This is the technology we would use to build you a mobile-friendly companion to your legacy desktop site.

Nothing beats the customization of having different websites for each device, but maintaining two sites can be a challenge. Note: we get around this problem by linking the two sites together with a bit of genius on our part.

Two - Responsive

Responsive design is method of building websites so that the content rearranges itself based on the screen size, verses device type. You can tell if a site is responsve simply by changing the size of your browser window on your desktop. If the content rearranges when you make tiny like a smartphone, then the site is responsive.

So far we have covered two types of websites and here's the easy way of identifying:

Adaptive: 2 websites > by device type > changes content

Responsive: 1 website > by screen size > doesn't change content

Now on to my favorite...

Responsive sites load up all of the code and content for viewing the website every single time, regardless of the device its being viewed on. Sometimes this leads to a slow load time, especially on older smartphones or poor cell phone data coverage.

Enter the world of Responsive plus server-side support.

Three - Responsive plus server-side support (RESS)

Responsive plus server-side support is also called RESS or dynamic serving. This is the type of responsive we build all of our main multi-screen sites with. This means the website will first check which type of device it's being viewed on before the site is loaded, then displays content that's tailored for that device and responds to the screen size.

So thinking about the Adaptive and Responsive website, Dynamic Serving Responsive websites looks like this:
RESS: 1 website > by device type > changes content

For example, an RESS website could detect a user is on smartphone then display a responsive website with content made just for smartphones, while adjusting content made for desktops or tablets. Since the website is responsive, it will adjust the content based on the screen size. So it will appear beautifully wether it's an older 3.5" smartphone or a newer (obnoxious) 6" smartphone, and it will adjust if its in portrait or landscape mode. Now that's a lot of work going on behind the scenes!

4 Types of Website Design
4 Types of Website Design

RESS can be much faster than traditional responsive, as they detect the device and load only the necessary website files for that device. This translates to less website code to download, optimized images, leading to a faster load time and a happier user experience.

RESS also has all of the benefits of traditional responsive design, using a single URL for all devices and a site that responds and looks great on any device. (I wonder how we'll start developing websites to respond on smart watches. *cringe*)

Here at Breeze Digital Media, RESS is the way to go.

What's the fourth type of website?

Four - Legacy Desktop

If you have a website that's desktop only, Shame on you. Ok we actually can't shame you, but really there's an urgent need to update your website. Wether you want to use an adaptive approach where we can create a mobile-only companion to your desktop site, or a complete site redesign using a Responsive site with Dynamic serving, it needs to be addressed.

Smartphones were not designed to view desktop-only websites. Also, google hates websites that are not mobile. In fact, there new policy, termed "Mobile-Geddon" gives preference to mobile-friendly websites . More than 60% of all searches start from a smartphone these days. Google (and yahoo/bing) have said that they will give websites with mobile-friendly versions the higher rankings.

If you don't care about website rankings, I know you care about the customer experience. It's frustrating navigating around a desktop-only site on a smartphone. I'm using an iPhone 6s Plus, and even with its large display, its still difficult to tap on a link, or click a phone number link without hitting the wrong one. The other option is to pinch and zoom my way around, which is just irritating.

Moral of the story? Give the customer what they want, a Responsive Website Experience!

Contact Us  today and we'll deliver a free custom mockup of your current website in 72 hours.

Breeze Digital Media News & Resources

By Brad Poirier 18 Dec, 2017

Sometimes a potential client will ask us : “Do you use templates to build your websites?”, or also “What do you [platform] use to build your websites”.

The answers are : Yes/No and Whatever works for your business!

First of all, we are a Duda Pro partner, they cater to design agencies, and we primarily use them for our website development. We can use Wordpress,  but it will likely cost you 3x the price . We also recently starting using another design-agency-specific platform called Webflow.

Again, we use whatever it takes to build a performance based website that fits both your budget and your goal.

By Brad Poirier 22 Nov, 2017

Offline Advertising + Marketing Automation go together like PB&J (Jelly or Jam, whatever your fancy is)

If you’re like me, then you my friend, are a data junkie.

Even if you’re not a data junkie, you can still appreciate measuring your ROI (return on investment)

What I’m saying here, is that while the world is going (has gone) digital, you can still make excellent use of offline marketing campaigns and advertising. Let me explain.

Suppose you are advertising on traditional media, such as print, radio, TV – or even something as simple as handing out 500 flyers around town. Those media formats are excellent for reaching wide audiences, and yes, they CAN be tracked. There’s several ways to track offline advertising. We’re going to discuss tracking offline advertising using automation methods.

By Brad Poirier 18 Oct, 2017

Deadlines. Employees. Networking. Accounting. Advertising. HR. – The Party Planning Committee.

As a small business owner, you likely wear many hats.

“Wait, now I have to wear a marketing hat also?”

Well the short answer is no, you don’t have to. It really depends on how competitive you want to be in your industry.

Your big competitors invest lots of time and money into marketing their business, but that doesn’t mean you have to. Outsourcing your digital marketing to a digital marketing agency can both improve your lead quality and improve your overall ROI.

Let me explain.

By Brad Poirier 15 Aug, 2017
We are a visual society, so you should be using at least one of these options on your website.

Just like website design ranges from no use of images to the overuse of them, same is true with icons today. More than ever, some webpages are being cluttered with icons, that often add no context to the page or just add nothing to the user experience.

When is it good to use an icon on your website? Here's a few criteria I follow plus some resources for putting icons on your website.
By Brad Poirier 13 Jul, 2017
What’s more important to you: A shiny trophy for being number one on Google or a boat load of new clients coming your way.

Yes, we have said before that the number one position on Google gets 33% of the traffic for that keyword, but what do you see coming up as number one now-a-days?

Local Directories come up first. Do a quick Google search for anything local business related, for instance "restaurants near me". I did this search, and not one result on the first page was from a local business website. ALL of the first 10 results were local review sites such as Yelp, TripAdvisor and OpenTable.

Now to be fair, there were three local results that appeared first, in what we call the Google Snack Pack. Before the website results, Google displays three locations from Google Maps, which is also very important. For websites though, it was all local directories.
By Brad Poirier 18 May, 2017
There's pros and cons to this type of Facebook post. The pro, well, you're making an attempt to create business. The cons? How do you set an expiration date on that? Even if you indicate one in the post, there could be that customer that just says "oh, I didn't see that". Further, how do you keep track of it? Are you going to write down on a sheet of paper every time someone comes in and says "Hey, I saw this post on Facebook". Also, not everyone wants to mention that. People want to present coupons and get a deal, they don't want to announce that they're getting a deal.

There is a much better way to accomplish what you are trying to do. You may have seen it, used it, tried it, but here's how to get the most out of the post type called "Offer". Watch the video below to see an example or read below.
More Posts
Share by: