Most web designers use wireframing as an important first step in their creative process. A wireframe is the web industry’s term for a schematic or blueprint of how the website will be organized and how it will function. Wireframes are generally devoid of any stylistic expression (color, typography, etc.), and are instead simply intended to show how different components of the page are prioritized and located. In this sense, they are also the first step in developing the site’s overall user experience.
When I was in college, I spent a summer developing an events calendar and new publishing system. It had lots of nifty, sophisticated features, like an in-browser image cropper, event reminders and downloadable iCal files. And it was a lot of work. The next summer, while working on an indie film studio's webiste, I came to the realization that I could have built the entire calendar app in a couple weeks using Drupal. I have been developing almost entirely in Drupal ever since.
Single page layouts are a really clean approach for brochure style websites, and all it takes is jQuery scrollTo() and a position:fixed navigational element to have a sleek looking face-page. Oh wait, whats that mobile webkit? You don’t do position fixed. Awesome.