I found this animated gif that is a stop motion animation of a design process using CSS. View It

It got me thinking how important content is and how to design around it, rather than creating high level design “shells” for content to fit into. Starting with content is much easier to work with than finding some photos and then asking the client to think of some words to go with it.

A thumbnail list of the design process could go like this:
1. Use Cases
2. Site Architecture
3. Content or Content Examples
4. Wireframes
4. Moodboards
5. Design
6. Remaining Content
7. Production

With CSS and XHTML, this process could be additive all the way along, so rather than spending weeks and weeks creating mockups of pages and then giving the programmers templates, the content could be created in XHTML just waiting for a style sheet. This would make a highly flexible design process.