2nd iteration flowchart
The above served as the view diagram (or sitemap) of the 1st desktop version (2nd iteration) of Urban Mediator. It served as a reference for software development and visual design.
3rd iteration flowcharts
As we kept making revisions to the design, these 3rd iteration flowcharts were made in a looser, quicker hand-drawn style. These flowcharts convey less information in each image than the 2nd iteration chart, but convey it more clearly and in a style that makes changes a trivial matter. At the stage when these flowcharts were made, it was important to not "lock down" the design process.
IA diagrams
These diagrams were made to illustrate different options for urban mediator's Information Architecture, and their consequences for the inter-linking and organization of content.