Second, because it takes advantage of the vast amounts of R&D that took place throughout 2008. Much of this effort made its way into the recent launch of MoneyWatch.com – still in it’s beta phase. However, it’s presentation has many new UI elements that I am very proud of. They feel intuitive and I hope that in the long run will serve to add value to our users and make our content easier to consume.

In some respects, many could say I am crazy to be excited about adding another brand to our portfolio of sites. ( My team already handles all creative for 4 major brands – this makes 5 ) However, I see it as an opportunity to fine tune a number of these new ideas that we are trying in the functionality of our products. Ideas that are easier to implement when building from scratch then when adding to far bigger sites with legacy functions on older platforms.

Thus far, our work has progressed quickly (Many trips to the no longer new coffee machines) – All of our previous efforts have made the creation and build out of SmartPlanet a smoother process that will be easier to deploy as a result. – I am eager to push this out and let folks take for a test drive!

I am amazed at how little thought even larger media outlets give their twitter pages. Lets face it – no one, visits your specific page on a regular basis – folks either view their own page, or use handy desktop / mobile apps like Icon Factory’s “Twitterrific” to keep track of the feeds they follow. That said, your twitter page is really like a sign up process for others to get a feel for who you are, and weather they want to follow what you have to say. Thus, this article is intended on providing a quick tutorial on how you can insure that your twitter page presents itself with the same appeal and brand consistency of your parent site.

Step 1 – Once you log in – click on your settings tab. This will take you to your general account management page.

Step 2 – Select the Design tab on the far right. From here you can choose one of a number of predefined themes that the good folks at Twitter have provided to users. This is fine for many, but if you promote a site, or have taken the time to create a brand for yourself, then creating your own is just a couple of easy steps. At a glance, it would seem that you have very limited control with the basic modifications you can make~ However, you can still make do to create the appearance of a more custom site.

Step 3 – Select “Change design Colors” tab. From here, simply use PhotoShop’s eyedropper tool to sample colors that already exist with in your site’s design palette. You or someone else has already taken the time to make sure these colors work together, and the result will create an automatic synergy between your site, and this landing page.

Step 4- Select the “Change Background image” tab. Here you can place an image to use as a background.  You are only able to control weather your image “does” or “does not” tile – meaning the image will repeat both horizontally and vertically. This is where most folks make errors that display the inherent limitations of what you effectively change.

Should you simply have a pattern that you want to repeat – set to “tile” and you will end up with a decent result. However, if your design requires a vertical fade -still choose to tile, but you can create an image that is taller then what most monitors have for a set resolution – typically you are safe with a  1200 x 2px image. This is because the background is automatically fixed – the vertical size will occupy all of the viewable space while seeming to only tiling horizontally. However what I prefer, is to create an image in photoshop that transitions to my background color, thus not needing to use the tile background function.

Step 5 – In this example, I have created a 800 x 600 px background that includes the site brand. I used a simple about quote, and some background visuals taken from the site for both interest and depth. But really, it is an image – so you can add any elements that you wish, so long as you do not imply interactivity. In this example, I have included the contact information of Escriba’s Principle – Zac Shess.

The most important element is to insure that the bottom and right side of your image transition to the same hexadecimal color set in the body background from step 3 in combination with “no tile” to your image.

The result – Since all twitter background elements are fixed positioned (meaning they don’t move with the content above) – your feed will scroll up leaving a handsome and consistent brand presence as the backdrop to whatever you have to say.

Have a look at Escriba’s twitter page. In all honesty, this is not rocket science, and most interactive designers may in fact read this with with some wonder as to why I would take the time to write up this simple process. However, I am continually surprised at how few folks do this, or how many do so in a way that display its shortcomings as a result of the limited elements that can be modified. Good luck, and have fun… well, using 140 characters or less!