NVC Web Site - Napa Valley College...NVC Web Style Guide Right-hand column Quick access to crucial information -Photo/image -Contact info & hours -Location -

C O N T E N T G U I D E L I N E S A N D T E M P L A T E E X A M P L E S

J A N U A R Y 2 0 1 5

NVC Web Site

Content Counts!

Timely and accurate information Updated weekly or monthly Reviewed by full department quarterly

Brevity reigns supreme Visually simple Accessibility and ADA compliance Clean and clear Engaging images

Start with the right layout

“3-column home page with summary links” Left navigation column, center content area, and

right-hand column For start pages (e.g. departmental home pages,

people pages) “2-column article page” Left navigation, large center content area For interior content-rich pages

Strategic use of page real estate Administrative department page (Welcome Center)

• At-a-glance contact info

http://napavalley.edu/studentservices/welcomecenter/Pages/welcomectrhome.aspx

Strategic use of page real estate Administrative department page (Welcome Center)

• At-a-glance contact info • (Fairly) concise

summary of what this multi-faceted department does

• Link to staff info

http://napavalley.edu/studentservices/welcomecenter/Pages/welcomectrhome.aspx

Strategic use of page real estate

Administrative department page (Welcome Center)

• At-a-glance contact info

• (Fairly) concise summary of what this multi-faceted department does

http://napavalley.edu/studentservices/welcomecenter/Pages/welcomectrhome.aspx

Strategic use of page real estate

Academic division page (SME) • Key contacts

http://www.napavalley.edu/Academics/SME/Pages/welcome.aspx

Strategic use of page real estate

Academic division page (SME)

• Key contacts • Subjects

offered

http://www.napavalley.edu/Academics/SME/Pages/welcome.aspx

Strategic use of page real estate

Academic division page (SME)

• Key contacts • Subjects

offered • Relevance of

this department to real-world success

http://www.napavalley.edu/Academics/SME/Pages/welcome.aspx

Strategic use of page real estate

Academic division page (SME)

• Key contacts • Subjects offered

• Relevance of this department to real-world success

• Links to individual departments and support programs

http://www.napavalley.edu/Academics/SME/Pages/welcome.aspx

Strategic use of page real estate

People page (Ann Gross)

• Picture, contact

details

http://www.napavalley.edu/people/agross/Pages/welcome.aspx

Strategic use of page real estate

People page (Ann Gross)

• Picture, contact

details • Brief bio

http://www.napavalley.edu/people/agross/Pages/welcome.aspx

Strategic use of page real estate

People page (Ann Gross)

• Picture, contact details

• Brief bio • Courses offered

http://www.napavalley.edu/people/agross/Pages/welcome.aspx

Strategic use of page real estate

People page (Ann Gross)

• Picture, contact details

• Brief bio • Courses offered • Announcements

http://www.napavalley.edu/people/agross/Pages/welcome.aspx

Strategic use of page real estate

People page (Ann Gross)

• Picture, contact details

• Brief bio • Courses offered • Announcements • Links to info

pages for individual courses

http://www.napavalley.edu/people/agross/Pages/welcome.aspx

Strategic use of page real estate

Napavalley.edu logo global header and top navigation

Left-hand navigation

Strategic use of page real estate

Prevent “link creep” in left and right columns

Strategic use of page real estate

Further examples Administrative departments

NVC Foundation Academic divisions/departments/programs

Administration of Justice History Modern Languages

People pages Yolanda Woods Cathy Gillis

http://www.napavalley.edu/AboutNVC/Foundation/Pages/welcome.aspxhttp://www.napavalley.edu/Academics/TechnicalDivision/ADMJ/Pages/default.aspxhttp://www.napavalley.edu/Academics/SocialSciences/History/Pages/welcome.aspxhttp://www.napavalley.edu/Academics/LADS/modernlanguages/Pages/Welcome.aspxhttp://www.napavalley.edu/people/ywoods/Pages/welcome.aspxhttp://www.napavalley.edu/people/cgillis/Pages/welcome.aspx

NVC Web SiteContent Counts!Start with the right layoutStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estateStrategic use of page real estate