Part 2: Site maps & Wire-framing
The next step is a creating a wire-frame. Wireframes serve as the layout of the screens prior to being enhanced with design elements such as color and font style. These wireframes are used for developing the prototype, which is why you must make one for every screen on the site map.
For better Clarification: