Looking around London and most other cities, skyscrapers are everywhere, out of necessity, due to the race for space. So the end result for this competition for land is often elegant structures with solid foundations, designed to last, designed to cater for many people. A perfect analogy (in my mind) for how to explain intangible websites.

There has been much discussion on the subject of scaling websites, something becoming increasingly relevant with the advent of sites such as digg.com, stumbleupon.com, delicious.com that allow small sites to rapidly shoot to success with relative ease.

The social web is exploding, causing sites that embrace sharing, entity connections, open services etc. to take scaling seriously. Scaling is the art of ensuring your service/website will remain performant and available to every user and consumer service. This article, however, is not about scaling, but it is a look at the differences of skyscraper sites vs. personal blog’s and company brochureware sites (studio sites).

Background on Skyscraper sites

Creating components of a skyscraper website takes a huge amount of time, money and resourcing. A component may come in the form of an article page, widget or homepage redesign and may take months to reach a production ready state. There is a good reason for this inefficiency and it comes from enterprise organisation traits. Building sites to serve millions of users has taken much inspiration from the traditional enterprise software world through having to be agile, organised and technically superior from the competition.

For most departments or domains within these huge website companies you will find a vast array of employee positions. A typical website or service within the skyscraper organisation would consist of the following roles:

• Product Manager
• Program Manager
• Engineer
• Web Developer
• Architect
• Quality and Assurance

There are many more intricacies behind this setup which could include additional roles such as database experts, infrastructure, security, SEO, process etc. but for engineering and demonstration purposes, this model will be sufficiently accurate.

If you take a step back you can tell that involving this many people for every product will inherently incur inefficiencies over a single all-round developer. There is good reason for this setup, though; every member of the team will be highly skilled and recognised in their field of expertise, leading to world class teams. World class teams create world class results, something that world class companies demand to stay competitive.

What constitutes a skyscraper site?

We are talking about the sites you should all be familiar with: Facebook, Google, Yahoo, Ebay, MSN, Amazon, Wikipedia. Sites with reach to hundreds of millions of users every week.

The Joys of building skyscraper sites

Building large sites is for the most part a privilege, something to aspire to if you are involved in any way in developing websites or software. Here are just some of the highlights of working for one of these large sites:

• Audience reach
• Cutting edge technologies and techniques
• Team of elite colleagues
• Great prestige

Pain points

Building websites with so much public exposure can bring pitfalls in working on these sites including:

• Politics involved at most stages of development
• Slow turnaround in projects through the vast considerations in delivery
• Narrow range of expertise exercised

The studio site

This is the site you go to to find information in a specific domain, a company, service, product, place or person, for instance. These sites are usually served to at most a few thousand users per month. You will normally find studio sites being produced by web agencies or individuals.

The love for developing studio sites

Studio scale sites can be really enjoyable to develop. Here are just some of the plus points:

• Quick turn around in developing websites
• Overall control over the site(s)
• Ability to diversify skill sets and projects

Downsides to working on studio sites

Generally speaking it is hard to flaw working on studio sites. You have the ability to move away from what does not work for you, they are usually quick to complete and once a development framework has been established you can reap the rewards of efficiency and concentrate on spending your time on new initiatives. Issues can arise when working for small, dynamic, young agencies where clients could be pestering and site design requests can be annoyingly denting for your portfolio.

Respect to the Skyscraper Organisations

Building large scale websites is a joy. For myself the main experience has been working for the company itself. Yahoo! treats their staff amazingly. We are all encouraged to aspire to be better at what we do, to have an open attitude and simply enjoy what we do. Yahoo! is by no means the only great employer in the web sphere, Microsoft and Google among others are renowned for their employee development, appreciation and respect. Probably one of the driving forces towards creating world renowned and respected websites is through their number one assets, their employees.

In Summary

If you are in the business of building websites and you are not happy with what you are doing consider the flip side industry of your work, for example, if you build skyscraper sites, consider working for an agency to gather more freedom and control in developing studio sites.

So, if you are observing skyscraper sites wondering why it takes them so long to release products, think for a minute that they may just be frantic behind the scenes trying to ensure they release a secure, pleasing, rock-solid world class website.

On Monday (27 July 08) Moneyio (Money In & Out) was released. Moneyio is the latest incarnation of my previous project Salary Calculator.

Moneyio will be organically developed to include new relevant features with a strict focus on surfacing information on your money. The overall objective is to offer a best in class web based personal finance tool, suitable for everyone.

Ok so you get what it is, how it works but what value does it give to you? The intention is that it can save you money. If that is through exposing where you could tighten up your expenses or offering you unobtrusive suggestions as to how you could make savings, then you can be satisfied.

Design is (and will be) a critical factor in development of this application as there are a whole wealth of existing tools on the web to do with personal finance, however they always fail to offer any pleasing aesthetics.

Advertising

This tool has taken a long time to develop, and thus i have, for the first time, gone down the commercial route of adding advertising to try and benefit from this effort. This is a conscious decision that i feel should actually benefit users on the whole, owing to the smart, context aware, targeted adverts that appear. Should users find the adverts intrusive, i will not hesitate to remove or rethink the overall commercial strategy.

High performance

The inner workings behind the interface are pretty intricate. Take this and add that it is a completely dynamic application, it is hard to find components available to cache effectively. Inroads will be made with future development to ensure the experience of using the application is not hampered by having to wait for actions to be completed.

Elements that will be performance enhanced will be caching data calculations, but more significantly, the HTML and associated assets delivered to your browser.

Under the hood

I am proud to say Moneyio has been ported to use CodeIgniter. Originally the code-base took the form of a self rolled PHP MVC application, well organised, lean and efficient code but lacking some features and maybe not as rigid as an open source framework.

A framework was a crucial requirement in ensuring that the application development could easily continue if say another developer had to maintain/own/extend the code-base.

CodeIgniter was chosen over other popular frameworks such as the ZendFramework, CakePHP or the now prevalent Python framework Django, as it was somewhat familiar, possesses great documentation.

My experience so far has been great with working off this framework. Getting anything done becomes very trivial and a rewarding experience to boon.

Front end wise, Yahoo YUI has been used as the tool of choice for developing in JavaScript and using their fabulous CSS tools, Google Charts has been used for charting and the fantastic Fam Fam Fam silk icons have been used for UI actions.

I can only hope that you take a look at Moneyio, if you like it, bookmark it and return in a few weeks/months and see the latest changes.