When developing a UI for an informational site (as we will do) or a web application there is a process involved. Generally this is the same as for any other design project, with some differences. We start from the most abstract, conceptual level, and gradually build up to the more tangible objects. Here is a PDF info graphic that explains this process, and how each step relates to the structure of the site.