Designing a Web and Mobile-Friendly Logo

In 2012, 55 percent of mobile users accessed the mobile web according to a study by Pew Research Center’s Internet and American Life Project.  Customers are engaging more with mobile, using it to locate businesses and shop. It’s essential for businesses to have a mobile website.

The best way to create a mobile-friendly site is through responsive design. A responsive site will change depending on the size of the screen that’s viewing it. You can see these sites in action by changing the size of your browser. Does the site change? If it doesn’t, that site is not implementing a responsive design. To have a mobile-friendly site, you’ll want to make sure that everything on your site resizes well – including your logo.

Sizes and Files

Having a properly designed logo is a big part of making sure it will look good resized. You may need to update your logo if you designed it yourself when your company first started or if you didn’t get all of the correct file types. Some designs may not be convertible to different types or sizes.  If you’re not familiar with different file types, you may need to have your logo designupdated or changed by a professional.

Your logo should look great at any size – huge or tiny. Check it out in multiple sizes before you decide on a final design. What looks good in one size may not look great when it’s small (for mobile) or really big (on a billboard).

Have multiple versions of your logo. You’ll need a high resolution version for printing. You’ll need a large, high resolution version for t-shirts and a small, high resolution version for printing on business cards and brochures. A low resolution is more appropriate for websites and email, so it will take less time to load. Have a larger version for your website and a smaller version for your email signatures.

Test your logo on many different colored backgrounds. If it looks great anywhere, you’ll want a .gif file version with a transparent background. If your logo doesn’t show up well on a particular color, you’ll want to inquire what background color your logo will be put on before you send it. If the background color is too similar to the logo color, have .jpg versions with black and white backgrounds available to use instead. Make sure these .jpgs have padding around your logo. You don’t want it to look pushed against the border.

In some cases, especially print, you’ll need to make sure your logo looks good in greyscale. You can also have a greyscale version handy that is optimized for your logo to send. This way, newspapers and others that need a greyscale logo don’t have to change it themselves. If they do, it may not look right.

If you decide to include a tagline in your logo, have all of the above versions with and without the tagline. Those without the tagline included will work best for social media.

Social media

You’ll also want to make sure your logo works well for social media. On Facebook, Twitter and other social media sites, your profile picture is restricted to specific width. Horizontal logos may not fit as well or be completely visible. Because social media is such a part of customer interaction with businesses and brands, you’ll need to make sure your logo is adaptable to these platforms.

In order to get logos in different sizes and different file types, you may need to consult a professional logo designer. Not only will this ensure that you have a great looking logo – your professional will make sure it looks great everywhere.