A site map is a visual or textually organized model of a Web site’s content that allows the users to navigate through the site to find the information they are looking for, just as a traditional geographical map helps people find places they are looking for in the real world. Site maps can be typed out or hand written.
A schematic design is the initial design scheme that seeks to define the general scope and conceptual design of the project including scale and relationships between building components. At the end of the schematic design phase the designer will present some very rough sketches to the client for approval.
A Web wireframe is a simple visual guide to show you what a Web page would look like. It suggests the structure of a page, without using any graphics or text. A website wireframe would show the entire site structure – including what pages link to where. Web wireframes are a great way to start your design work. And while it’s possible to create complex wireframes with huge amounts of detail, your planning can start with a napkin and a pen. The key to making good wireframes is to leave out all visual elements. Use boxes and lines to represent pictures and text.
Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.