Tag Archives: responsive design

Is Your Website Ready for the New Year? 5 Things You Need to Update

2015All year long you’ve been working on online marketing efforts, putting time and money into your website. We are sure 2014 has been one of your best years ever.

As you head into 2015 and plan to make this next year even better, there are a few items to focus on to meet your new business goals. So we polled our experts and looked back through our archives this year to bring you the top 5 things to think about for your website in 2015

  1. Responsive Design

If your website is not easily accessed from or adaptable to any mobile device, or if you’ve been using mobile workarounds, or if you hear the term “responsive design” and say “huh?” then it’s absolutely time for a change.

(Seriously. We cannot emphasize this one enough.)

With more and more customers approaching access to the Web fluidly from any device, it’s more important than ever that your information and products be accessible and viewable on any screen.

Not only is the user experience of responsive design important, but there are SEO and business benefits as well. In fact, Google recommends responsive design for your website.

Want to learn more? Our TKGeniuses have covered responsive design in depth over the last year. Take a look:

An Introduction to Responsive Design

How TKG Integrates Responsive Design

How Responsive Design Impacts Online Marketing

Responsive Design Tips

SEO Benefits to Responsive Design

  1. Updated Online Marketing Tactics

No matter how good your online marketing strategy is currently working for you, it’s always wise to review your efforts and update them if necessary.

For example, you might place an emphasis on customer service in your business and have your 800 number prominently displayed in your utility navigation on your website. But have you thought about capturing customers sooner with the added convenience of live chat?

Or what about the use of opt-in SMS messaging for coupons or reminders? Sending some of your online ad budget toward Clickbank or Commission Junction? Custom landing pages for specific articles or capture opportunities (e.g. grabbing customers from a trade show)? YouTube, Facebook or Twitter ads? Sponsored Pins on Pinterest? Instagram contests?

If you have an idea, a niche audience or an upcoming campaign, consider tactics that may not have once been a part of your regular online marketing strategy.

Just to get you started, here are a few articles from TKGenius:

Why Manufacturers Should Consider E-Commerce

The New Shift in Online Marketing Trends

3 Reasons Pinterest is Good for Business

Long Tail Ads on YouTube

Keeping Track with Tag Assistant

  1. Clean Up

OK, when was the last time you audited your product listings and made sure every photo was up to date, compelling and showed your product accurately? How about the last time you went through your descriptions and updated them? Or–gasp–are you still listing products you no longer carry?

What about your forms? Are you still using tiny boxes with hard to read fields, or requiring information that makes it hard for customers to fill them out easily?

Do you always remember to update your copyright year on your website? What about your profiles on Social Media? Do they currently reflect your current brand message?

Auditing your site can take time, but is well worth the effort. Here are even more helpful articles from our experts:

Unique Content for Product Descriptions

Product Descriptions that Convert

3 Types of Content to Include In Your Product Descriptions

  1. Messaging

What message is your website REALLY conveying? Is it consistent with your overall brand message?

It’s easy for brands to overlook their messaging online. Cluttered homepages, mis-matched logos across Social profiles, and landing pages that are all text actually detract from your overall message.

We’ve often found that many businesses are really good with their print messaging, but, for whatever reason, this messaging gets lost online. Part of the problem is due to feeling like everything needs to fit on one screen, instead of strategically using content, images, SEO or other tactics to funnel a visitor exactly where you want them.

Making your product or service offering the center of attention and erring on the side of minimalism in your design is actually a better way to convey your message. It’s also easy to employ the use of sidebar stickies or custom slider photos or videos to convey your message. And don’t forget the use of your blog or Social Media to reinforce your message regularly.

And of course:

3 Clever Messaging Tweaks to Grow Your Business

Avoiding Outdated Web Design

Revisiting Website Strategy

Using Video

Improve Conversions with Funneling

  1. Content

Unless you’ve been ignoring the online marketing sphere for, oh, the last eight years or so, you’ve probably heard the term “content” or “content marketing” at some point. But as both consumers, marketers and Google are getting more savvy, regularly publishing compelling content that truly reflects your brand and your message is more important than ever.

So does your content truly show your brand’s personality? Is it communicating your message and promotions clearly? Is it relatable and easy to understand? Does it work in harmony on all your channels? Does it include all types of content, especially multi-media?

Here are just a few articles (of the many) to help you create your best year ever in content:

21 Tips to Make Your Content Marketing More Effective

5 Ways to Use Content to Increase Engagement

What To Do With Past Content

How to Market Your Content Off-Site

3 Inspiring Creative Content Marketing Campaigns

We want 2015 to be your best year online yet. Use these last few weeks of 2014 to comb through and evaluate your website and make tweaks (or major changes!) if needed.

3 SEO Benefits of Responsive Design

With more and more users accessing the internet on their smartphones and tablets, it has become increasingly important to create websites that work across a variety of devices. Because of its flexible and adaptive qualities, responsive design has quickly become the industry standard for website development.

Responsive design is not only a tool for device adaptability though; there are significant SEO benefits that result from a switch to responsive design. Here are three of the big ones:


Google likes responsive sites
Google typically favors mobile-optimized sites, especially when those mobile users are searching for local goods and services. Because Google is the world’s largest search engine, and other search engines typically follow Google’s lead, it is a good idea to pay attention to what Google likes.

One website with one URL
From an SEO perspective, responsive sites consistently outperform separate desktop and mobile sites. With a single URL, responsive sites help reduce content duplication issues and improve SEO performance.

Reduces bounce rates
A mobile website can suffer from high bounce rates if users are unable to easily read and interact with the content. Users often get frustrated when sites are not mobile-optimized, so they leave. Responsive designs allow users to enjoy their online experience on any device, which helps reduce bounce rates.

If you would like more information about responsive design, contact the development experts at TKG . And make sure you sign up for our Breakfast Bootcamp on Oct. 16, where we’ll discuss even more SEO benefits of responsive design.

Important Responsive Design Tips

PrintEvery responsive site is a fluid and dynamic creation, so it can be difficult to get a handle on even the basics of responsive design. Luckily, there are a few general tips and techniques that serve as the foundation for nearly every responsive project.

Follow these important responsive design tips and you will be on your way to developing mobile and tablet-friendly websites:

Mobile First
A mobile-first approach to responsive design allows you to prioritize content for mobile devices and work your way up to larger desktop displays. This mobile-first approach ensures that your audience sees the most important content first, no matter what device they’re using.

Content Strategy
The goal of responsive design is to offer the best user experience possible, on all devices. A website redesign is the perfect time to rework your content and make it more readable, valuable and accessible. This emphasis on content strategy shifts the focus of your website development back to the needs of the user and their unique online behaviors.

Initial Design
Once you have a content strategy in place, begin crafting a rough website design on a responsive sketch sheet. The various screen sizes, resolutions and device capabilities available today mean more layouts to plan for. By using a tool designed specifically for responsive design, you can refine your ideas and lay your site’s framework before you begin the actual site development.

While choosing a CSS framework is mainly a matter of individual preference, incorporating one into your responsive design process offers a number of benefits. A framework can help speed up the development process, reduce browser compatibility issues and streamline your responsive design.

Once you’ve selected a framework for your site, you must set breakpoints to signal the transition between devices. Some developers set breakpoints based on common screen sizes, but that practice does not totally embrace the flexible and adaptable potential of responsive design. Explore your design to find natural breaks in your content. That’s where you should set your website’s breakpoints.

Scalable images
Images present serious challenges for responsive designs because they need to be fluid enough to adapt to a website’s viewports and text sizes. Resources like adaptive images, CSS sprites and jQuery plugins are available to scale images and interactive media, so you don’t have to worry about warped or disproportionate assets.

If you would like more information about responsive design strategies, contact the development experts at TKG. And don’t miss out on our Breakfast Bootcamp on Oct. 16, where we’ll discuss even more tips and techniques for responsive design.

5 Business Advantages of Responsive Design

responsive design

In online marketing, there has been a serious behavior shift toward mobile and tablet browsing. With readers increasingly accessing websites on their smartphones, tablets and computers, responsive design has become an important part of the online user’s digital experience.

Check out our list of the 5 major business advantages you can achieve by switching to a responsive website design:

Builds tablet and mobile audiences

Traditionally, when mobile audiences would access a website, they would be re-directed to a device-specific site. But with responsive design, one site can be developed and implemented across all devices. As tablet and mobile sales continue to grow, responsive design will become increasingly important for reaching these growing audiences.

Enhances user experiences

Responsive design allows site owners to deliver quality content to audiences across multiple devices. On responsive sites, pictures are proportional, text is readable and buttons are large enough to click – no matter what device your visitor is using.

Improves SEO

When you switch to a responsive site, all of your efforts can be focused on a single set of hypertext links and a single SEO strategy. Consolidating your efforts will save you time, money and make your site more popular among major search engines.

Increases sales and conversion rates 

As your audience becomes familiar with your site’s navigation, the improved user experience could positively impact your conversion rates. Responsive design removes some of the functionality and performance issues that multiple sites can create, so users are more likely to see their conversions all the way through.

Streamlines development and site management

Developing a single responsive site takes a lot less time and effort than creating a traditional site and a standalone mobile site. But responsive design is not only a time saver in the development phase; it also makes sites easier and more cost effective for clients to manage on the back-end.

Interested in responsive design, but don’t have the tools to develop a responsive site yourself? Don’t worry. Contact the development experts at TKG, and see how we can help you achieve your business goals.

And don’t miss our Breakfast Bootcamp on Oct. 16, where we will talk in depth about the benefits of responsive design.

How Responsive Design Can Impact Online Marketing Efforts – in a Good Way!

this-is-the-webBy now, you have likely heard about responsive design.

Responsive design allows users on any device – desktop, smartphone or tablet – to have a good online experience regardless of screen size.

So, the question is, how does responsive design impact online marketing efforts? As marketers, we sometimes focus only on specific tasks, such as creating content, developing email campaigns and updating social media networks. The fact is that if you do not have responsive design in place, all of the online marketing strategies you want to implement will not garner your full potential results.

How much impact does mobile play into content, email, search and social media marketing today? The answer in short – a lot! Here are just a few examples:

  • 51% of emails are now opened on mobile devices
  • 60% of internet access is made on a mobile device
  • 70% of mobile searches lead to action on websites within one hour
  • 60% of social media time is spent on mobile platforms as opposed to desktop browsers

These results mean that mobile has a growing impact on online marketing efforts. People are reading content, opening emails, performing searches and engaging with brands on social media – all from their mobile devices.

Responsive design greatly affects the user experience, ultimately meaning it will support your online marketing efforts in the following ways:

  • Email Marketing – As many users are reading your emails on a mobile device, naturally you want them to be able to follow the links in your email and have no issues browsing your site on that same device.
  • Content Marketing – users will be able to read the content from their mobile device, and also be able to use the social sharing buttons to easily share the content.
  • Social Media Marketing – when users click on a promoted offer on their mobile devices, they’ll be able to purchase the promoted item just as they would on a desktop browser.
  • Search Marketing – when a user clicks on a link to your website from search results, they will be able to get to your page and consume the information they need, just as they would on a desktop.

If it isn’t already a part of your online marketing strategy, a responsively designed website should be a significant consideration moving forward. Website visitors will be able to learn about your products and services, buy your products and consume your content on any device without issues.

So adding responsive design will not only make your website visitors happy, but it will help you get more results with your online marketing efforts. That’s a win-win in my book.

Do you have a responsive design success story? Share it in the comments!

Great Design & SEO Are Nothing Without Return On Investment

After working with a different array of clients over the years, and especially after fielding inquiries from business owners and company managers who are shopping web marketing/web development services, I have come to one important conclusion: not everyone who claims to offer web development or web marketing services has the customer’s best interest in mind. I mean, in the world of “website creating and promoting,” I’m not sure if very many companies are speaking the same language at all. And the result of this discombobulation has created confusion among businesses who truly need the services we provide.

So, let’s clear the air and set a path for those who are looking for answers to how they should use the web to promote their business – just some basics to get you on solid footing…

My Website Sucks
OK – you’ve established that your site is not working for your business. It’s old. It’s not catering to the growing web audience who are looking for goods and services on their mobile phones. What should you do? First off, you need a website that will work very well no matter what device accesses it, be it a phone, a tablet, a desktop or laptop. You need what’s known as “responsive design.” A site built with the ability to become 3 websites in one, essentially, will put your company on the path to be able to reach all potential customers with a website that functions well. You get what you pay for, and the best websites cater to visitors with optimum user experience. If you are shopping website quotes by sending out a development RFP, and if it is not including responsive design, your new website will be outdated before it ever goes live.

But, that’s not all – there’s more…

Internet Marketing
Just because you spent some hard-earned cash to create an awesome, well-designed website does not mean customers are going to flock to it or that your company is going to do more business online. You need web marketing expertise. Listen to me – you need to hear this. There are many web marketers out there who offer flim-flam pricing, but their methods, I am finding, do not work. There’s no plan. They typically seem to offer a “one shoe fits all” approach. Ugh.

What to look for? You’ll want a web marketing company that will listen to your company’s goals, first; then, establish a strategy to grow your business. Some things you should think about when considering web marketing agencies are questions like what I have noted, below. If a list like this is foreign to them – run. Do not look back.

  • Who is my potential customer and how can I reach them?
  • Are my potential customers local or national?
  • What is the primary (and maybe the secondary) demographic of my potential customers (e.g. male, female, age, etc.)?
  • Who do I want to sell my products are services to?
  • What is most important to my company?
  • Are my potential customers using social media?
  • Are my potential customers using print or e-mail?
  • What percentage of my potential customers are using smartphones?
  • What are my potential customers actually searching for when they access the web?
  • How do I convert potential customers to leads, sales, once they come to my website?

ROISEO: The Dirty Buzz Word
The acronym SEO (search engine optimization) has become filthy in its use. Yes, SEO is important (and something we do well), but it has come to mean so many different things due to the false promises and claims heralded from fly-by-night companies who do not know true web marketing. Many have spent quick money on SEO for results that never came in. SEO should be but a part of an ongoing, much broader web marketing strategy. It is a component of several approaches – never an end all.

And last, but not least – this is very important:

Website ROI
Our philosophy is that we live and die by ROI at The Karcher Group. We believe we cannot be successful unless we grow our clients’ businesses – we are committed to accomplishing this and will do whatever is industry best practice, honest and necessary to ensure success. So, to us, ROI and relationship is everything.

When shopping for marketing services, you should consider if the web company candidates are going to provide provable results, a measuring stick to ensure your company is getting ROI (return on investment). If there is not a plan in place for your web marketer to provide regular reporting to your company on the progress and growth that has been made through their efforts, then your business is most likely not going to benefit. If they are the real deal, they should be able to provide you with case studies and testimonies from clients whom they have helped.

May web marketing strategy and ROI be your guide – your company’s keys to online success.

How TKG Integrates Responsive Design

The web is changing – faster than ever.

With the emergence of the smartphone and its meteoric rise in use, more and more people are accessing the information they desire from the computer found inside their pockets. According to Adobe Digital: globally, more people are now visiting websites through use of mobile devices, specifically, tablets and smartphones, than with desktop or laptop computers.

Looking at mobile devices, that traffic gets split up differently, dependent upon the type of website your company may have. For example, e-commerce, travel, hospitality, auto, and content-rich magazine sites are preferably viewed on tablets. In contrast, the smartphone is the preferred computer for accessing media, entertainment, and telecom sites. And if your website has videos, you should know that mobile playback of videos has been tripling year over year.

How a Website Should Account for All Types of Users
In late Spring or early Summer of 2013, the Google Developers website posted a recommendation that will quickly change how websites will be built in order to account for all types of mobile traffic. Having a separate mobile website is no longer the preferred solution by Google who controls a major chunk of traffic on the web. Google wants to see websites developed with what is called “responsive design,” and their search engine’s algorithm will eventually be rewarding responsive websites with better placement in search results over time.

The change in behavior and Google’s recommendation is demanding that company websites not only cater to the waning desktop user, but, more importantly, to the smartphone and tablet users. Web developers accomplish this through responsive design.

Earlier this year, Josh wrote an introduction to responsive design that provides a quick overview of how this technology allows businesses to provide a great user experience to their audience no matter how the site is accessed. In short, a responsive-designed website is “a one shoe, fits all” approach. It is smart. It is well thought out.

How TKG Integrates Responsive Design

Our own website, TKG.com, was built by our team to re-size, giving visitors a different experience dependent upon how you access it. Here is what a desktop user will see when visiting our website:

Full Desktop View: Responsive Design

If you saw the desktop view of TKG.com on your smartphone, you might have a bit of trouble finding the information you were looking for – so, that we chose to have our website re-size and change appearance when you look at it on a smartphone browser.

TKG.com was designed to have a custom experience for one sole purpose: to allow visitors to view what they want to view and make contact with us.

The following screenshot is what a smartphone user sees when they visit TKG.com:

Responsive Design: Smartphone View

Need I say more? If you want all website visitors to be able to make contact with your business or buy your products, then you need to rethink your game plan by catering to everyone on the web.

Through responsive design, you’ll not only meet Google’s recommendations and be rewarded by better search results placement, your website will be better thought out to account for different types of users, providing them exactly what they want to see.

Fun Tip
Want to test it out? Open up TKG.com on your desktop browser and drag the browser down to a smaller size. You’ll see it change right before your eyes!

An Introduction to Responsive Design

In my opinion, the number of tablets, smart phones, laptops, etc that enter the market each week is a bit excessive. Don’t get my wrong, I love all the devices that I use in my daily life, but as a web developer, the more devices available, the more complex my job gets… but I’m up to the challenge!

The Challenge: Ensuring that client website content is easily viewable no matter what device it’s viewed on, while at the same time providing a great user-experience.

Responsive DesignResponsive Design

Back in the early years, this issue was solved by creating a desktop version and a mobile only version of website content. This solution worked for a few years because mobile devices, like the desktops in the early 2000’s, only had a couple of resolution types. Now, with more mobile devices being launched with larger resolution types being required, we needed a better answer.

The Solution: Responsive Web Design (RWD)
Defined as a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices.

“Day by day, the number of devices, platforms,
and browsers that need to work with your site grows.
Responsive web design represents a fundamental shift
in how we’ll build websites for the decade to come.” – Jeffrey Veen

Responsive design allows web developers to create a great user experience for all users, no matter what device they’re accessing a website from. The idea behind responsive design is to display/hide different elements on the site depending on the visual space allotted. This means a user could view the site on three different devices and have a different, yet great experience on all three.

Unfortunately, some web developers have yet to implement this crucial technology, which results in people becoming frustrated with websites they’re trying to view on a mobile device or tablet.

Another Solution!
Responsive design isn’t the only answer. In addition to having a website built with mobile in mind, applications are another way to ensure your content is properly represented in mobile environments. Earlier this year we explored mobile applications and although expensive, could be an option for your business to explore.

Has your business already implemented responsive design or launched a mobile app? Share with me in the comments your experience…

Photo credit: http://blogs.forrester.com

Mobile Traffic Growing

catEarlier this month the Local Search Association released a report prepared by ComScore, Inc. indicating that traffic to online directories and other local resources via non-PC devices (i.e. smartphones, tablets, etc.) has quadrupled in 2012, reaching 26% of total web traffic in December 2012, up from 6% share in December 2011.

In late April, the Mobile Path-to-Purchase Study revealed that 46% of survey respondents relied exclusively on their smartphones or tablets to conduct online research across a range of purchase categories, including banking and finance, gas and convenience, insurance and retail.

At TKG, we monitor our clients’ mobile traffic, too. And while the results are not as dramatic as the surveys above, we’re noting that a significant portions of our clients’ traffic is also coming from mobile devices. In some cases, as much as 20% of visitors are on a mobile device like a smartphone or tablet.

What This Surge in Mobile Traffic Means

Have you looked at your website lately on your mobile device? Go ahead. Take a peak. I’ll wait. :)

If your business has invested in a mobile site or a responsive design, you probably liked what you saw. Even on a smaller screen, the most important information is readily available to your visitors. For a local business that probably means phone numbers, an address, maps and driving directions are right there, waiting to be accessed. For an ecommerce site, your products were easy to navigate to, and interact with, and most importantly readable, regardless of the size of device. If you tried to make a purchase, you could also check out without having to re-direct to a non-mobile version. Even purely lead gen sites can benefit from a mobile version that is easy to navigate from small screens, and makes converting super simple.

If instead you just saw a teeny-tiny and hard to read – or navigate – version of your otherwise beautiful site, then perhaps the stats from above will give you pause for thought. As the mobile device market grows, and as more and more visitors across all industries and markets are turning to their phones and tablets instead of their PCs, the need to provide an excellent experience regardless of screen size becomes more and more important. And, as the variety of devices that people have access to grow, the need for a responsive design becomes more and more important, also. After all, can you afford to give a bad experience to even 20% of your visitors? Probably not!

Have questions about how you can use a mobile site to grow your business? Leave them in the comments! Curious to see what a responsive design is? Check out tkg.com on your smartphone, tablet and desktop… and watch as the experience changes based on your device.

The Mobile Web – Are You On Board?

There is a big metaphorical ship ready to take businesses to the next level of marketing utilizing mobile phones. As of right now, when someone wants to know what a company is all about, they Google the company and take a peek at their website. Which is great if all of those searches were coming from desktops. A large percentage, though, is coming from mobile devices, mainly smart phones.

Most people know what it is like to roll up a sleeping bag after a weekend of camping in the outdoors. You really have to squeeze and stuff the sleeping bag into its bag in order to get it all to fit. Websites work the same way. Looking at websites on a desktop allows at least 4 times the amount of viewing space when compared to mobile browsers. So when a user tries to view your website on a smaller device, all of that information gets crammed on to a small screen forcing the user to zoom and slide all around your web page in order to get a little bit of information. Sounds frustrating doesn’t it?

It is true that the website is still functional even though it is crammed onto a small screen, but is it really usable? What I mean by that is will people want to use it? Very rarely will someone be sitting at a computer and chose to use their mobile browser to search for something over using their computer, so it is when people are not at a computer that matters.

Just as an example, lets say that company A, which sells furniture, has a fully functional desktop site, but no mobile site to back it up. George is at company B, which also sells furniture, and wants to try and do a quick price comparison on the kitchen table he is looking at. The first result on his Google search was company A. Three minutes later the web page finally loads and now in order to find the product George is forced to zoom and slide around the page to find the appropriate links, some of which are too small for his finger to touch accurately. George gets bored and frustrated and even though it turns out that company A sold the same table for 100$ less, he gave up looking and purchased theWalsh-Desktoptable from company B.

So that functional website, is it really functional? The website is about 4 times larger, therefore it will take longer for it to show up on mobile devices. In order to fit the website on the screen the device zooms out so everything is really small. Even if the user knows exactly where to go, they will still need to zoom in and slide around to make sure they hit the links they need to hit to get there.

Want another example? Take a look at the two images on the right. The one on top is an image of a Walsh-Mobilenon-mobile optimized web-page on a mobile device. It’s not very easy to see what is going on or where to go without zooming and sliding. Now look at the image below it. It is very clean and simple, easy to navigate eliminating all confusion.

That all being said, what are the advantages of having a mobile Smaller file-size means faster page loading which means everyone is happy.optimized website?look at the two images on the right. The one on top is a screen shot from a non-mobile-optimized web page on an iPhone 4S. Without zooming and scrolling its not exactly easy to see what is going on or where to go to find the information you are looking for right? Now look at the image right below it.

  • Takes up less screen space: No more zooming and horizontal scrolling.
  • Have your phone number on the site? The call is just one touch away.
  • Content is to-the-point: Goodbye confusion, hello information users need.
  • Shopping on the go? I think so.

People, for the most part, including myself, have become very impatient and spoiled when it comes to technology. If it’s not fast and it is not easy to use, they want nothing to do with it. Is it worth not having a mobile-optimized website if that means potentially losing business from smart phone users? The answer should be no. Mobile websites are much smaller and relatively inexpensive, and will only help bring the company more business.

So what are you waiting for? That metaphorical ship is leaving and quickly speeding up. Are you on board? Or are you being left behind?