Citadel Scoping
2/11/10
Home Page (1)
Top Navigation: No drop downs, all links go to an overview page with sub navigation on the left side.
Company – One page with simple text.
Customer Service – Overview page with links on left hand side.
Request a Quote – Submit form with the following fields: name (first and last), company name, phone or email, city, state, zip, which panel, how many, what size, what color. The form should submit to Stephanie.
Project Warranty Request – Hard copy of the form in the file, needs to be made into a submit form sent to Stephanie.
Technical Support – Overview page with links on left hand side.
Installation Videos – Videos will be outsourced, we will learn more when they have the videos.
FAQ – List of questions when you click on the question it expands showing the answer.
Glossary – Glossary module created for Goodman Campbell (alpha across top with definitions below)
Comparison Chart – Chart with PDF download, the chart will be entered by Citadel the way they have been doing it on the old site.
Selection Guide – link that opens in pop up and takes you through questions, next question depends on the previous answer.
Matt and Chris need to figure out how this will work
PDF download of flow chart.
Contact – Regular contact form submitting to Stephanie, Google map
Browse by Product – Drop down menu with list of all products (see site map for list).
When you click on the product name it takes you to the product overview page (6)
Needs to be dynamic so that when a new product is added the list will update.
Search this Site – Google style full site search including indexing PDFs
Internal Verity Search
Results on separate page
When you click on a result it takes you to the page
Featured Product Button – Takes you to the Featured Project’s Page (3)
Check box on back end Project’s page. If a featured project already exists, a notification will appear telling the user the featured project is changing.
Main Image – The image of the selected Featured Project.
Main image will change based on what project is featured.
Text is static – cut transparency
Learn More – Each button takes you to the category landing page (5)
These three are static and will never change.
We will be inserting the image and link to category landing page.
Find a Local Rep – Zip search (like SaniServ)
LEED Certification – Simple text page with overview LEED information (WYSIWYG Editor).
News – News module with most recent 3 clips on the homepage, button below clips with link to news overview page
Three Icons
U.S. Green Building Council – links to http://www.usgbc.org/ open in separate window.
ISO – links to ISO internal page
AIA – No link, just graphic
Footer
Site Map – No Site Map on the site, have them submit an HTML site map to Google
ISO 9001:2000 – Text page with one image
Phone Number – static text
Email –
Main Navigation
Products – See below (4)
Colors and Finishes – separate page that is similar to (9) but has everything, when you click on a color or finish it shows up in the larger box.
Downloads – Six categories each with products listed below, when you click on the product you are taken to the Products individual page downloads tab [10]
When you click on a category, it expands to show the products (accordion style)
Brochures
Product 1 – goes to Product download tab (10)
Product 2
Samples – Hard copy of the form is in the folder, will be made into a submit form, this one will not be pre-populated because you are not on a product page. Form will submit to Stephanie
Project Portfolio – See below (2)
Project Portfolio
Project Portfolio Landing Page (2) – Click on link from left side navigation and takes you to Project Landing page. There will be between 50 and 100 projects on the site.
Navigation: Project Accordion Menu or Page Reload
Projects can be sorted by Views: Industry (default), Product, Location, Color, and Case Study.
Thumbnails rearrange based on which View is selected.
Whatever View is active, the View categories will be show.
Industry (View)
Educational Facilities (View Category)
Office / Warehouse (View Category)
When you click on a View category, expands to list of Projects under that View category.
Click on new View Category, previous category is closed and new category project list opens. When you click on the Project you are taken to Project’s home page (3)
When you click on the project icon, you are taken to the Project’s home page (3).
Projects will need to have the ability to designate based on View and View Category.
Projects will need to be able to designate certain Projects as LEED Certified and have it show up in the icon title.
Project Listing Page – Similar to [5]
Project’s Individual Page (3)
Main Image/Project Gallery – Thumbnails on the right side of the screen. When you click on a thumbnail, the main image at the top changes.
Functionality – Some sort of gallery for each project and functionality to change main image based on what is selected.
View Similar Projects – They will have the ability to create 2-way relationships on the back end. Can they create relationships based on more than one attribute (color, project, product…). The results will show on a page with a layout similar to [5].
Share this Project – Pop-out window with to, from, message and link to page.
Add to My Favorites – not login, stored till user clears cookies. What options do they have because there will be no login?
Amanda is going work on where the Favorites page will live.
Project Title – Text box
Location –City and state
Job Credits:
Product – link to product Overview tab (6)
There can be multiple products associated with a project.
Attachment System – link to product Molding tab (8)
There can be multiple attachments with a project.
Color – link to product Color tab (9)
Need the ability to upload a picture and link the button to the Product’s Color tab page.
There can be multiple colors with a project.
Square Ft – text, no functionality
Architect – put in architects in settings and then drop down box on back end.
Installer – put in Installers in settings and then drop down box on back end.
Sold By – put in sellers in settings and then drop down box on back end.
Used on this Project
Product Name – link to product Overview tab (6) or pop out with more info and link to Overview tab.
Need the ability to upload a picture and link the button to the Product’s Overview tab.
Molding Type - link to product Molding tab (8) or pop out with more info and link to Overview tab.
Need the ability to upload a picture and link the button to the Product’s Molding tab.
Color & Finish - link to product Color tab (9) or pop out with more info and link to Overview tab.
Need the ability to upload a picture and link the button to the Product’s Color tab.
Case Study – if there is a case study, the text will appear here
Back End – WYSIWYG editor
Products
Products Landing Page (4)– This page will have the five Product categories on the left hand navigation
Navigation – Product Accordion Menu or Page Reload
When you click a category (Glazing Infill Panels) you are taken to the Category Landing page (5).
Needs to be dynamic if they add more categories in the future.
Main Image – Need to have the ability to have main image or not, if no main image everything moves up
Product Images – separated by Internal and External, button takes you to the Category Landing page (5).
Category Landing Page (5) – Each category has it’s own landing page with the list of individual products
Navigation – Accordion Structure
The individual products will be seen listed under the category that has been chosen. When you click on an individual product, you are taken to the product’s overview page. Needs to be dynamic if they add more products in the future.
Main Image – Need to have the ability to have main image or not, if no main image everything moves up
Images – Need to have the ability to upload image and text about each product and have the header link to the product’s overview page.
Product Page – Each product will have a product image, logo (logo is an image) and text. They also have the ability to add a main image or not so the layout will need to be dynamic.
Sample Request – Submit form that is pre-populated depending on which product page you are on. Hard copy of the form is in the folder, file submit to Stephanie
View Associated Projects – Need to figure out if it will stay in Products or will it take you to Projects.
Were thinking : takes you to the Projects Landing page (2), sorted by product and only showing the projects that have used the selected product
Share this Product – Same as Share this Project, Pop-out window with to, from, message and link to page.
Add to My Favorites - not login, stored till user clears cookies, Stephanie is going to as Sean what is going to be accomplished by this.
Amanda is going work on where the Favorites page will live.
Tabs - As you click on the tabs you are taken to the product’s tab page.
Product Overview Tab - text with charts, no real functionality, Chart will have 3 columns (Component, Standard in., Metric mm)
Instillation Overview Tab – text with the ability to upload image, no functionality.
Molding and Accessories – thumbnail images, when you click on a thumbnail it shows up in larger box (very similar to colors), also need a text box for Accessories.
Colors and Finishes - thumbnail images, when you click on a thumbnail it shows up in larger box
Downloads – list of downloadable documents (PDF, DOC, DWG…) grouped by what type of document it is (Brochures, Literature, Specs…)
1