This project is a group exercise. most of the work you do in this industry is performed collaboratively in groups so it is crucial to value you the ideas and efforts of the people in your group.
The most important tool is communication. Make sure you communicate clearly and that you listen at least as much as you talk.
Wireframes present the skeletal framework or information architecture of a website. The wireframe shows the arrangement of the website’s content, (layout) and navigational systems, and how they work together.Wireframes usually don’t show images, graphic design or fonts because the focus is in the functionality and layout of the site, it focuses on “what a screen does, not what it looks like.”Wireframes can be pencil drawings or sketches on a whiteboard, or produced by means of a broad array of free or commercial software applications. But often the best starting point is sketches on paper before you move to using electronic tools.
For these wireframes, I used Mockingbird.
Here are some other wireframe applications:
https://cacoo.com – Web app
http://pencil.evolus.vn/en-US/Home.aspx — firefox plugin
Tinderbox