Document: Feedback Sheet Revision: A Date: 13/07/16 What s a wireframe? It s important that everything you need to present on the site is accounted for, and has been considered in the layout. The best way for us to achieve this is to draw up a diagram or bluerint of the site, commonly referred to as a wireframe. Wireframes help us plan information heirarchy and get all parties thinking about the fine details of the layout. Why isn t it styled up? The point of the wireframe is to really focus on which elements are needed on the site, and where they should go. The wireframes are intentionally diagrammatic so that we don t get drawn into discussion of visuals, and keep the conversation focussed around structure and layout. Things to think about when providing feedback: Try and be specific with feedback - refer to the name of the wireframe (marked at the top of the document e.g. Homepage Wireframe ) and the name of the element in question (e.g. call to action, post title, etc.). Primary focus should be on whether everything that s needed on the site is indicated on the wireframe - if there s something missing, let us know. Secondary focus should be on positioning - such as, would you prefer if some elements had greater prominence (for example, by being higher up the page)? Please get in touch if there s anything you don t understand, or would like some more detail on.
Document: Homepage Wireframe TAKING THE RISK OUT OF THERMAL PERFORMANCE CALL TO ACTION BUTTON NEW BUILD RETROFIT PRODUCTS Curabitur blandit tempus porttitor. BBA Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Lorem Ipsum Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. DOWNLOADS CALL TO ACTION BUTTON Testimonials Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Lorem Ipsum Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum, Curubitur GET IN TOUCH Sed posuere consectetur est at lobortis. CALL TO ACTION BUTTON ABOUT PRODUCTS SYSTEMS
Document: About Wireframe TAKING THE RISK OUT OF THERMAL PERFORMANCE CALL TO ACTION BUTTON YOU LL FIND A RELIABLE PARTNER IN NBT AND ITS SOLUTIONS FOR THE BUILDING ENVELOPE. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. THERMAL PERFORMANCE Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. BREATHABILITY Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. OVERHEATING Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. GET IN TOUCH Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. CALL TO ACTION BUTTON ABOUT PRODUCTS SYSTEMS
Document: Wireframe A LATEST NEWS FILTERS LATEST NEWS POST DATE NEWS TITLE Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. POST DATE NEWS TITLE Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. POST DATE NEWS TITLE Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. POST DATE NEWS TITLE Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. POST DATE NEWS TITLE Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. 1 2 NEXT ABOUT PRODUCTS SYSTEMS
Document: Product Categories Wireframe PRODUCT CATEGORIES CATEGORY NAME CATEGORY NAME CATEGORY NAME CATEGORY NAME CATEGORY NAME CATEGORY NAME ABOUT PRODUCTS SYSTEMS
Document: Product Listing Wireframe PRODUCTS PRODUCT CATEGORY NAVIGATION WOODFIBRE ABOUT PRODUCTS SYSTEMS
Document: Product Wireframe Revision: A Date: 08/07/16 PAVATHERM-PLUS Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. TECHNICAL DETAILS TECHNICAL DATA DOWNLOADS Nullam id dolor id nibh. Ultricies Id ultricies Nullam id dolor id nibh. Ultricies Id ultricies PALLET PRODUCT FOR SYSTEM NBT Pitched Roof System NEW BUILD NBT Pitched Roof System NEW BUILD NBT Pitched Roof System NEW BUILD NBT Pitched Roof System NEW BUILD ABOUT PRODUCTS SYSTEMS
Document: Systems ROOF Wireframe TAKING THE RISK OUT OF THERMAL PERFORMANCE Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. WALL ROOF FLOOR? CLAD BRICK CLAD C.L.T TIMBER CLAD BRICK CLAD ABOUT PRODUCTS SYSTEMS
Document: Systems WALL Wireframe TAKING THE RISK OUT OF THERMAL PERFORMANCE Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. WALL ROOF FLOOR? CLAD BRICK CLAD RENDERED C.L.T TIMBER CLAD BRICK CLAD RENDERED ABOUT PRODUCTS SYSTEMS
Document: Systems Single Wireframe NEW BUILD SYSTEM FOR BRICK CLAD Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. CROSS-SECTION OF SYSTEM DOWNLOADS SYSTEM PERFORMANCE HEADING ABOUT PRODUCTS SYSTEMS
Document: Wireframe DOWNLOADS DOWNLOAD CATEGORY NAME - FILE NAME DESCRIPTION SIZE DOWNLOAD FILE NAME DESCRIPTION SIZE DOWNLOAD FILE NAME DESCRIPTION SIZE DOWNLOAD FILE NAME DESCRIPTION SIZE DOWNLOAD DOWNLOAD CATEGORY NAME + DOWNLOAD CATEGORY NAME + DOWNLOAD CATEGORY NAME + DOWNLOAD CATEGORY NAME + DOWNLOAD CATEGORY NAME + DOWNLOAD CATEGORY NAME + ABOUT PRODUCTS SYSTEMS
Document: Contact Wireframe LOCATION MAP TELEPHONE SOCIAL MEDIA KEY S FULL NAME FULL NAME FULL NAME FULL NAME FULL NAME JOB ROLE JOB ROLE JOB ROLE JOB ROLE JOB ROLE EMAIL EMAIL EMAIL EMAIL EMAIL TELEPHONE TELEPHONE TELEPHONE TELEPHONE TELEPHONE ABOUT PRODUCTS SYSTEMS