Scaffolding and the Wireframe: From Wacker Drive to the Web
Outside our offices here at StoryQuest, the City of Chicago is undertaking the huge project of rebuilding Wacker Drive. It’s a complex engineering effort and it has disrupted street and pedestrian traffic for months, but we have a bird’s-eye view of all the action. The process is pretty fascinating: pouring concrete, laying rebar, building a heavy structure that essentially floats in the air and is designed to support itself; and it’s something I know very little about having spent most of my life working in information technology.
- Scaffolding
- Supporting structure
- A wireframe for part of a web app we built
- The finished element
My fascination with the building process—and secret envy of manual laborers getting to work with their hands—got me thinking about how this might relate to what I do in building websites for clients. What I noticed looking down on the construction is that you can’t just create something out of thin air. You need scaffolding not only to support the structure while it is being built, but to give you something to stand on. The natural metaphor in the world of web development is the website wireframe or mockup.
When designing our websites for clients we often work through several drafts. Sometimes these drafts are in the form of live sites, sometimes they are Photoshop mockups, other times they’re created using web-based tools, and other times just sketches on a white board. The drafts can often be a lot like the real thing, but they make hitting the mark much easier since it takes less time to make changes throughout the design iterations.
In some ways this is like the scaffolding: without the supporting structure, the whole design can collapse under its own weight. The scaffolding (or perhaps more accurately the blueprints, 3D renderings etc.) helps engineers and designers make decisions (and mistakes) during the building process as we learn what is or is not possible. In some ways the construction scaffolding metaphor does not hold up, since it does not necessarily need to emulate the real product; its only function is to facilitate building the real thing.
The other metaphor that comes to mind is the support structure underneath the facade of the finished product. In a lot of ways this is the back end code we develop behind the finished web product. Our clients don’t see it, but it makes our products more useful and elegant.
Whether building a website or a street, it’s all about hiding the complexity underneath, making it simple, and creating something that will hold up over time. Use just as much scaffolding and support structure as you need to get the job done. Anyway, we’ll keep looking down every day… marveling at the activity below!







On the cost side – the story is also great. We recently went hunting online for an Algebra II book for my high school son. I had the ISBN number, looked on Amazon and four or five other sites. Most e-stores did not have the book at all, and one had it for $135. Only after even more searching, I found it on another site for $25. Insane on two counts – one, the price and the other on how hard it was to find the book online!

