Tips for Designing Twitter Pages

October 13, 2009 - 0 comments

By John Gibson, VP Creative Services

Twitter is a great resource for companies to further market themselves, post company news, drive traffic to their web site and much more. Although tweets are typically viewed as simple text messages, there’s opportunity to create a memorable Twitter landing page that can tie in with an existing web site design or corporate standards.

Backgrounds
Twitter allows you to customize the look of a Twitter homepage by either selecting a provided theme or uploading a custom background image. The latter option gives you the ability to make the Twitter homepage communicate a company’s brand identity, culture or graphic style.

But Twitter backgrounds are a tricky canvas for designing on, because the entire central area of the page will be taken up by Twitter content. In effect, you’re only designing around the edges of the page. The Twitter content area floats on top of the background and remains centered at a width of 763 pixels. In the case of a smaller monitor, the content area could cover up a rather large percent of the background. The most failsafe practice is to create a layout that covers a 1920 x 1200 pixel area. This will accommodate most screen sizes and the design will appear seamless. You also have the ability to tile a smaller background image. Don’t forget that visitors are there for the purpose of sorting and reading the content that dominates the page, so make sure the background is not so loud and distracting that it competes for attention.

One good practice is to work in a company logo, mission statement and contact info into the left side of the background image. See sample below. Bear in mind that these elements could be covered up or cropped when the page is viewed on smaller monitors.

You can find more examples of creative and compelling Twitter backgrounds at the Smashing Magazine site.

Customizing Colors
Within the settings menu you are allowed to make some simple adjustments to change colors in the page layout. Twitter gives you the options to set colors for the background, text, links, sidebar and the sidebar border. This is helpful if you’re trying to match an existing web site, and you can also view these changes instantly.

Picture
The last item I would like to discuss is the personal picture, the thumbnail image that identifies a user on Twitter pages. This is another opportunity to get the corporate branding displayed. The picture image is always square, so make sure when uploading the image or logo that it’s in a square format. Otherwise, the corporate identity may be arbitrarily cropped. The maximum size is 700k and can be a jpg, gif or png file. If a complex or oddly proportioned logo doesn’t work when reduced down to this size and shape, use your judgment to find a tasteful solution — even if that means tweaking the prescribed corporate identity standards just a touch. You might zoom into or isolate a distinctive part of the logomark in a way that that works well and stands out in this format.

Got a Favorite?
We want to hear about your favorite Twitter profile backgrounds – send us a tweet! We’re @signalinc on Twitter.

Post Info

Category: Marketing, Social Media, Web Marketing

Tags: Social Media, Twitter, Web Marketing.