A website is an ecosystem by itself, and it is important that when designing one you implement a sense of order. Depending on the purpose of the website you may have a different thought process or production timeline, but what it is indispensable is that the user understands at first glance the structure of the site.
A site map is a model of a website’s content that is visually and textually organized. It allows the user to navigate around the site to basically find the information they are looking for. It is a table of contents that composes the website, and in which each listed item links directly to its counterpart sections. Sitemaps are mostly organized hierarchically, breaking down the website’s information into increasingly specific subject areas
A wireframe is the architectural blueprint of any site. It is a visual guide that represents the outline framework of a website. The use of visual elements is really important for the designer who arranges and organizes them to pursue the client objectives through a visual strategy that most likely would also include some sort of user experience methodology. How can we arrange the content so the user only needs to do 2 clicks to go where they need to? That and similar issues are what modern designs try to solve. The effectiveness of the layout will determine its success. The wireframe usually lacks typographic style, color, and graphics. The main focus lies in functionality, behaviors, and priority of content.
In the other hand a schematic diagram or website schematic are very similar to wireframes in the sense that it is also a necessary map of information and elements. A schematic would include components such as instructions or icons that indicate how social media is going to be included, advertising spaces, or connectivity. Schematics need to work in conjunction with wireframes for optimal results.
And last, but not least, style tiles are design deliverables that consist of fonts, colors, and interface elements that communicate what the essence of the brand the web is going to communicate visually. The use of style tiles is needed to keep the discussion about effectiveness. It is important that the goals of the client and that the strategy are perfectly reflected on the style tiles is created. Another reason why style tiles are important is because it is a way for designers and developers to present the final project to the client with the interface choices made without making the initial investment in multiple photoshop mockups.