Digital Marketing Blog

The 4 Screens Your Website Needs To Appear Correctly On

  • By Brad Poirier
  • 03 Feb, 2016

We live in a multi-screen world. Does your website also?

It's entirely possible, and very likely, that a visitor to your website could be viewing it from: a large monitor connected to a desktop, a small to medium sized laptop, a 10" tablet or a 7-8" tablet, or a range of smartphone screen sizes anywhere from 3" to 6". For some, they may even get to your webpage from a smart TV now, that's maybe 50-70" of screen space! How do you optimize your website for all of those screens? Do you even have to? Why can't you just have one website? Well, the good news is, you can actually have both. You can have one website that works for all the possible screens your website will be viewed on. Let me explain.


Why do you need a multi-screen website?

Let's start with the most important question here, and that's why you even need a multi-screen website. Let's take myself for an example. I'm a mid-thirty working professional. While I'm not addicted to my devices, I do use them throughout the day. At work I use a 13" Macbook Pro, connected to a 23" Cinema Display.  At home I use a Mac desktop connected to a 23" monitor. On the go I use an iPhone 6s Plus and also my iPad Air 2. (Yes, I'm a major Apple fanboy if you didn't realize). The point is, in order for your website to grab my attention and impress me, your website needs to be optimized for any of those four screens. From the "smallest" of the 5.5" iPhone 6s Plus to the largest 23" monitor and the 10" Tablet and 13" Laptop in between. That's a tall order. If your website is only setup to work on a traditional desktop monitor, I'll be super frustrated viewing it on my smartphone. Even though I'm very familiar with browsing through non-mobile websites, it's still frustrating to pinch and zoom my way through and then tapping on the wrong link because it's too tiny for my giant fingers that also probably has BBQ sauce all over them. Oh by the way, it's not just me. This infographic on mobile usage shows that 64% percent of the people who use their smartphone as the  ´╗┐primary ´╗┐ device to access the web, and a whopping 51% of smartphone owners between the ages of 50-64 use their smartphone as primary internet source. It's not just for the "facebook kids" anymore. EVERYONE is using their smartphone. Optimize your website to work on their screen, please.

One website for all devices.

The best part about all of this is, you can actually have one website that works for all device types. How is this even possible? Well, I would love to say it's some sort of harry potter trick, but it's really not. It's actually been available for several years now,  but it's only been since April 21st with Google's Mobile-geddon that people have started to listen and pay attention.

In a nutshell, you need a responsive website. A responsive website literally  Responds to the screen size it's being viewed on and adapts the content appropriately. It doesn't look so much and go: "well is this a smartphone, an android or an iPhone, is it a tablet or a laptop". It adjusts to the screen size. Want a quick and easy way to see if a website is responsive? Just open a website from your desktop browser and change the window size so it's really small, it should automagically respond and change it's appearance as if it's a smartphone. If it doesn't, it could be for only one of two reasons.  1) It's just not responsive at all and you need to update it.  or 2) It's actually a RESS website, or Responsive with Server Side Support, also called Dynamic Responsive Websites. Ok, mind explosion here. Let me break it down real quick here, but if you're feeling brave, check out this blog post on the full details.

Responsive with Server Side Support basically looks at your device type and can CHANGE the content per device. That's how Breeze Digital Media builds all of our websites with, as it is the best way to do so. For instance, while it may be engaging to have a large background video auto-playing on a desktop with a fast broadband connection, it may take a while to load if someone's on a smartphone with spotty coverage. So let's have the smartphone offer the video as a "play" button instead and increase the user experience. Or how about smartphones. Did you know that the single most common action taken on a smartphone is to get the phone number of the business to call it? So let's display a Click-To-Call button on the smartphone, but not show it on a desktop or tablet because well, you won't be calling from your desktop or tablet. Unless of course you are me, and you have Apple's hand-off enabled on your desktop to transfer calls to your smartphone. Enough of that fanboy stuff. The point is, we can tailor the experience for your customer based on the device they are viewing it on so it's not only responsive to the screen size, but it's also adapted for the device type.

Want even more performance than that? Of course you do, who wouldn't. Let's take that a step further and also dynamically change the content, based on visitor behavior. Even more mind-blowing, we can change the content based on triggers such as time of day viewing, amount of visits to your website, geographic location, or even a campaign URL. So let's say your a restaurant and it's 12pm, why don't we show your customer your lunch menu right away, since that's likely what they're looking for at that time of day. It will only show during lunch time, and it will show the dinner menu starting at let's say 5:00pm, all done automagically.

Next Steps?

While this may sound a bit technical at first, it's really not. I promise you. We speak human. We speak local business. We speak YOU. Let's work together and come up with a solution that works for you. Let's get your website working on every screen out there and give your customers a fantastic experience and convert them from a visitor into a customer.

Contact Us

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: