Optimizing A Square Logo, For Your Website
April 14th, 2011• • 3 min read
A logo is a symbol, shape, collection of letters, word, design, pattern, image, graphic, piece of art or other collection of visual items that are recognizable to one specific company, person, brand or product. Logos such as the McDonald’s golden arches are often proprietary and instantly recognizable. When designing a logo, it is important that you can use it across both Internet and print media consistently. The shape of the logo will often determine how it should be positioned for maximum impact. Once you determine placement, you should maintain that placement under all conditions where the logo is used.
- Create a version of your logo that positions your logo to the left. To the right of the logo, spell out the company name using a bold block type that is easy to read. Underneath the company name include a punch line that clarifies what the company does or sells.
- Save this ‘branding information’ as a single image. Example: Logo of star with profile of a duck in the center, company name ‘Star Ducks’, punch line ‘Best Duck Decoys Anywhere’. In this way the three parts presented together inform visitors to the website what the company is all about. The square logo plus the information should take up about three times the width of the logo alone.
- Determine the best position for your branding information. In general, you have less than 15 seconds to capture the attention of website visitors. Your impact page should include your branding information, simple navigation and content of immediate interest to your potential client. All of this should be housed within the first 5 to 6 inches of the home page website display because people may not scroll down if the content isn’t instantly visible.
- Identify the height of your branding information by opening the image in a photo handling program and checking the height information display. This should be approximately one quarter the height of the browser window. A square logo means that your branding information (logo, company name and punch line) will either be pushed off to the left or centered on your webpage. Many companies choose the top left position and place shopping carts and search windows off to the top right. These are small items and they won’t directly challenge the brand for importance.
- Place the new image in your image file, inside your webpage file. Open your website design software. Open the webpage you are working on. This should be the template page that all of your pages use to establish the organization of each webpage.
- Insert your logo into a table box at the top of the webpage by using your insert feature, surfing to your webpage file, and photo file. Select the logo. Insert the logo using a fixed height and width description for the table box. Save the logo location when you are satisfied with how it looks. A webpage table is a type of box you can create for a webpage to keep information organized at a specific location on the webpage.
- Use your logo and branding information on both your website, and your print media to create a consistent image for your clients.