Once the objectives of any given project are clear, I start working on the Information Architecture. The examples to the right show how I build and document this stage.
This stage consist in translating the content and strategies defined in earlier stages into a screen layout – a wireframe – where the user will eventually interact with the elements displayed. Wireframes vary in their graphic representation quality, as their main object is to test hierarchy and interaction, and not visual refinement.
In this step, we are concerned with how things look. Colors, typography, pictures and graphics emerge to liven up each page, and to communicate the brand principles and values, along with the site's funcionality.