(doe/eere banner) (program name and site-wide navigation) (news & events) (footer) the xxx...

6
(DOE/EERE banner) (Program name and site-wide navigation) (News & Events) (Footer) The xxx program …(Short description of what the program does/intro text) Use this area for: Small format features (series) Tip: Using task-based language helps users quickly find what they need Tip: Keep all important content above the fold since not all users will scroll down Tip: Keep this short; users don’t want to read here, they just want to find links to complete their tasks Use this area for: Large format feature (flash rotating graphic, or large static graphic) Use this area for: Quick links OR Additional navigation Sample Home Page Wireframe for Refacing – LAYOUT OPTION 1

Upload: gordon-obrien

Post on 16-Dec-2015

213 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: (DOE/EERE banner) (Program name and site-wide navigation) (News & Events) (Footer) The xxx program …(Short description of what the program does/intro text)

(DOE/EERE banner)

(Program name and site-wide navigation)

(News & Events)

(Footer)

The xxx program …(Short description of what the program does/intro text)

Use this area for:•Small format features (series)

Tip: Using task-based language helps users quickly find what they need

Tip: Keep all important content above the fold since not all users will scroll down

Tip: Keep this short; users don’t want to read here, they just want to find links to complete their tasks

Use this area for:•Large format feature (flash rotating graphic, or large static graphic)

Use this area for:•Quick links OR•Additional navigation

Sample Home Page Wireframe for Refacing – LAYOUT OPTION 1

Page 2: (DOE/EERE banner) (Program name and site-wide navigation) (News & Events) (Footer) The xxx program …(Short description of what the program does/intro text)

(DOE/EERE banner)

(Program name and site-wide navigation)

(News & Events)

(Footer)

The xxx program …(Short description of what the program does/intro text)

Tip: Using task-based language helps users quickly find what they need

Tip: Keep all important content above the fold since not all users will scroll down

Tip: Keep this short; users don’t want to read here, they just want to find links to complete their tasks

Use this area for:•Large format feature (flash rotating graphic, or large static graphic)

Use this area for:•Small format features (series)

Use this area for:•Quick links OR•Additional navigation

Sample Home Page Wireframe for Refacing – LAYOUT OPTION 2

Page 3: (DOE/EERE banner) (Program name and site-wide navigation) (News & Events) (Footer) The xxx program …(Short description of what the program does/intro text)

(DOE/EERE banner)

(Program name and site-wide navigation)

(News & Events)

(Footer)

Sample Home Page Wireframe for Refacing – LAYOUT OPTION 3

The xxx program …(Short description of what the program does/intro text)

Use this area for:•Quick links OR•Additional navigation

Use this area for:•Large format feature (flash rotating graphic, or large static graphic)

Use this area for:•Navigation

Tip: Using task-based language helps users quickly find what they need

Tip: Keep all important content above the fold since not all users will scroll down

Tip: Keep this short; users don’t want to read here, they just want to find links to complete their tasks

Page 4: (DOE/EERE banner) (Program name and site-wide navigation) (News & Events) (Footer) The xxx program …(Short description of what the program does/intro text)

This wireframe is an example of layout option 1

Page 5: (DOE/EERE banner) (Program name and site-wide navigation) (News & Events) (Footer) The xxx program …(Short description of what the program does/intro text)

This wireframe is an example of layout option 2

Page 6: (DOE/EERE banner) (Program name and site-wide navigation) (News & Events) (Footer) The xxx program …(Short description of what the program does/intro text)

(Large format feature) (Large format feature)

Industrial Plants

Assess current energy use• Get a free energy assessment• Find an energy expert• Software tools

Reduce energy use•By technologies: - Motors, pumps, fans - Process heating - Steam - Compressed air - Combined heat & power

•Find incentives, grants and loans•Get recognized for saving energy •See how other plants save energy

Learn more•Training & webcasts• Energy Matters Newsletter

See more Industrial Plants info…

Need additional assistance? Contact us

ITP helps industry reduce energy use, reduce costs and stay competitive

Research & Development

•Find funding opportunities•Learn about the latest developments in R&D•Research industry’s current needs•Find equipment specs for industrial systems•Learn about ITP’s commercial successes•Look up R&D info by Industry

See more R&D info…(link to Technologies)

Industrial Technologies Program HOME ABOUT THE PROGRAM PROGRAM AREAS INFORMATION RESOURCES FINANCIAL OPPORTUNITES TECHNOLOGIES DEPLOYMENT NEWS EVENTS

This wireframe is an example of layout option 3