SlideShare une entreprise Scribd logo
1  sur  12
Designs for College Sites
Western Theming for Academic Units using Drupal
Project History


August 2011: New Homepage delivered
Spring 2012: Requirements for College sites
defined; Design team launched
September 2012: Developer hired to build
Drupal template for College and
Department sites
Fall 2012: WCE and CFPA started their sites
Late fall 2012: Design finalized in response to
user surveys
Design: A Team Effort


Designers from Across Campus:
   Admissions
     Including a Student Employee
   College of Fine and Performing Arts
   University Communications
   ATUS


ALSO: User Surveys in August and November
Design: User Surveys


August Survey
 15 responses helped us determine problem areas
 in our designs
November Survey
 138 responses showed us the best-liked aspects
 of the three candidate designs
Final design combined most successful aspects
of the draft designs
Design: Accessibility First


Mobile Access built in
– automatically
adjusts for phone and
tablet use
Human Access built in
  Meets color contrast
  recommendations
  Supports keyboard
  only or mouse use
Supports College Customizations


 Header Image
   College name can be
   text or logo
 Menu and Navigation
   Different colleges have
   different navigation
   needs
 Colors and Styles of
 Graphics and Content in
 Content Area
 Footer Links
Final College Design
http://west.wwu.edu/atus/web/college-designs-final.shtml



                                     Western Header

                                     College Header and
                                     Menu Bar


                                     Content for College or
                                     Department




                                     College Footer
                                     Western Footer Insert
Variations Welcome
College Status


College      Status
Woodring     actively moving their content to Drupal

CFPA         began the move to Drupal, but lost their developer and
             will be stalled for a bit

CBE          recently relaunched much of their static site, and have
             started working on their Drupal site

Huxley       will start the process after hiring a web coordinator this
             term

Gradschool   revamping their current template site, interested in
             Drupal
Next Steps


Convert design to Drupal theme (in progress)
Test theme on various devices
Work with each college to develop custom
content styles
Start talks with next colleges
Install automation tools to speed creation and
maintenance of new sites
Questions?

Contenu connexe

En vedette

CRM & Multi-Channel Theatre: Driving Sales Performance Through Online Engagement
CRM & Multi-Channel Theatre: Driving Sales Performance Through Online EngagementCRM & Multi-Channel Theatre: Driving Sales Performance Through Online Engagement
CRM & Multi-Channel Theatre: Driving Sales Performance Through Online EngagementTFM&A
 
Theater Design for Review
Theater Design for ReviewTheater Design for Review
Theater Design for ReviewJon Zurfluh
 
Illuminating art projects
Illuminating art projectsIlluminating art projects
Illuminating art projectsJozhe Fonseca
 
Passive design of residential complex
Passive design of residential complexPassive design of residential complex
Passive design of residential complexGaurav Somani
 
Architectural Professional Practice - Career Essentials
Architectural Professional Practice - Career EssentialsArchitectural Professional Practice - Career Essentials
Architectural Professional Practice - Career EssentialsGalala University
 
Undergraduate Portfolio of Gretchen A. Griffin
Undergraduate Portfolio of Gretchen A. GriffinUndergraduate Portfolio of Gretchen A. Griffin
Undergraduate Portfolio of Gretchen A. GriffinGretchen Griffin
 
Introduction to Engineering Design
Introduction to Engineering DesignIntroduction to Engineering Design
Introduction to Engineering DesignNaseel Ibnu Azeez
 
DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...
DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...
DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...IAEME Publication
 
Chapter 11: Many Types of Theatre
Chapter 11: Many Types of TheatreChapter 11: Many Types of Theatre
Chapter 11: Many Types of Theatregarrets
 
Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...
Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...
Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...Vishal Patel
 
Musical theatre powerpoint
Musical theatre powerpointMusical theatre powerpoint
Musical theatre powerpointJeremy James
 
Solutions Manual for machine design by khurmi and Gupta
Solutions Manual for machine design by khurmi and GuptaSolutions Manual for machine design by khurmi and Gupta
Solutions Manual for machine design by khurmi and GuptaAdnan Aslam
 
Highrise buildings....
Highrise buildings....Highrise buildings....
Highrise buildings....MSulmanSarwar
 
High rise residential building
High rise residential buildingHigh rise residential building
High rise residential buildingsurya teja
 
Centre for blinds and visually impaired
Centre for blinds and visually impairedCentre for blinds and visually impaired
Centre for blinds and visually impairedMayur karodia
 
Visually impaired as a design challenge
Visually impaired as a design challenge Visually impaired as a design challenge
Visually impaired as a design challenge Husam AlMuzainy
 
Vishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAI
Vishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAIVishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAI
Vishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAIDijo Mathews
 

En vedette (20)

CRM & Multi-Channel Theatre: Driving Sales Performance Through Online Engagement
CRM & Multi-Channel Theatre: Driving Sales Performance Through Online EngagementCRM & Multi-Channel Theatre: Driving Sales Performance Through Online Engagement
CRM & Multi-Channel Theatre: Driving Sales Performance Through Online Engagement
 
C V MOHAMAD KHATIB
C V MOHAMAD KHATIBC V MOHAMAD KHATIB
C V MOHAMAD KHATIB
 
Theater Design for Review
Theater Design for ReviewTheater Design for Review
Theater Design for Review
 
Illuminating art projects
Illuminating art projectsIlluminating art projects
Illuminating art projects
 
Class of 2012
Class of 2012Class of 2012
Class of 2012
 
Passive design of residential complex
Passive design of residential complexPassive design of residential complex
Passive design of residential complex
 
Architectural Professional Practice - Career Essentials
Architectural Professional Practice - Career EssentialsArchitectural Professional Practice - Career Essentials
Architectural Professional Practice - Career Essentials
 
Undergraduate Portfolio of Gretchen A. Griffin
Undergraduate Portfolio of Gretchen A. GriffinUndergraduate Portfolio of Gretchen A. Griffin
Undergraduate Portfolio of Gretchen A. Griffin
 
Introduction to Engineering Design
Introduction to Engineering DesignIntroduction to Engineering Design
Introduction to Engineering Design
 
DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...
DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...
DESIGN, CONSTRUCTION AND EVALUATION OF RAIN WATER HARVESTING SYSTEM FOR SBIT ...
 
Chapter 11: Many Types of Theatre
Chapter 11: Many Types of TheatreChapter 11: Many Types of Theatre
Chapter 11: Many Types of Theatre
 
Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...
Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...
Design Of Belt Conveyor to Prevent the failure and many other drawbacks from ...
 
Musical theatre powerpoint
Musical theatre powerpointMusical theatre powerpoint
Musical theatre powerpoint
 
Solutions Manual for machine design by khurmi and Gupta
Solutions Manual for machine design by khurmi and GuptaSolutions Manual for machine design by khurmi and Gupta
Solutions Manual for machine design by khurmi and Gupta
 
Highrise buildings....
Highrise buildings....Highrise buildings....
Highrise buildings....
 
High rise residential building
High rise residential buildingHigh rise residential building
High rise residential building
 
Centre for blinds and visually impaired
Centre for blinds and visually impairedCentre for blinds and visually impaired
Centre for blinds and visually impaired
 
Visually impaired as a design challenge
Visually impaired as a design challenge Visually impaired as a design challenge
Visually impaired as a design challenge
 
Vishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAI
Vishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAIVishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAI
Vishnudas bhave auditorium, vashi - ACOUSTICS - AUDITORIUM - MUMBAI
 
The Architecture Profession
The Architecture ProfessionThe Architecture Profession
The Architecture Profession
 

Similaire à Design for college sites

Scaling Quality For Online Education
Scaling Quality For Online EducationScaling Quality For Online Education
Scaling Quality For Online Educationtbcavanagh
 
Transitions and Extensions – What Schools Have Learned from Sakai Migrations
Transitions and Extensions – What Schools Have Learned from Sakai Migrations Transitions and Extensions – What Schools Have Learned from Sakai Migrations
Transitions and Extensions – What Schools Have Learned from Sakai Migrations Gary Wilhelm
 
Drupal for Libraries 05/28/09
Drupal for Libraries 05/28/09Drupal for Libraries 05/28/09
Drupal for Libraries 05/28/09Mikael Jacobsen
 
Lessons Learned from the Implementation of Moodle at Dawson College
Lessons Learned from the Implementation of Moodle at Dawson CollegeLessons Learned from the Implementation of Moodle at Dawson College
Lessons Learned from the Implementation of Moodle at Dawson CollegeRafael Scapin, Ph.D.
 
Drupal at Stanford Law School
Drupal at Stanford Law SchoolDrupal at Stanford Law School
Drupal at Stanford Law SchoolIrina Zaks
 
ELMS - Course Management and Beyond
ELMS - Course Management and BeyondELMS - Course Management and Beyond
ELMS - Course Management and BeyondBryan Ollendyke
 
GCD.263.doc
GCD.263.docGCD.263.doc
GCD.263.docbutest
 
The Story of the Bowman Library Research Skills Tutorial
The Story of the Bowman Library Research Skills TutorialThe Story of the Bowman Library Research Skills Tutorial
The Story of the Bowman Library Research Skills Tutoriallmvelarde
 
Learning Design and Volunteering
Learning Design and VolunteeringLearning Design and Volunteering
Learning Design and VolunteeringJames Dalziel
 
Migrating to Moodle: Faculty, Student and Technology Perspectives
Migrating to Moodle: Faculty, Student and Technology PerspectivesMigrating to Moodle: Faculty, Student and Technology Perspectives
Migrating to Moodle: Faculty, Student and Technology PerspectivesKeith Landa
 
Designing and Developing a Blended Course: Best Practices for Japanese Learners
Designing and Developing a Blended Course: Best Practices for Japanese LearnersDesigning and Developing a Blended Course: Best Practices for Japanese Learners
Designing and Developing a Blended Course: Best Practices for Japanese LearnersParisa Mehran
 
Web Design Syllabus.doc
Web Design Syllabus.docWeb Design Syllabus.doc
Web Design Syllabus.docbutest
 
The 3 Rs of Sustainable elearning Practices
The 3 Rs of Sustainable elearning PracticesThe 3 Rs of Sustainable elearning Practices
The 3 Rs of Sustainable elearning Practicescbsysue
 
Advanced BlackBoard Learn Tips
Advanced BlackBoard Learn TipsAdvanced BlackBoard Learn Tips
Advanced BlackBoard Learn TipsStaci Trekles
 
Implementing an Online Learning Initiative
Implementing an Online Learning InitiativeImplementing an Online Learning Initiative
Implementing an Online Learning InitiativeAndy Petroski
 

Similaire à Design for college sites (20)

Scaling Quality For Online Education
Scaling Quality For Online EducationScaling Quality For Online Education
Scaling Quality For Online Education
 
Bye Bye Bibliography
Bye Bye BibliographyBye Bye Bibliography
Bye Bye Bibliography
 
Bye Bye Bibliography
Bye Bye BibliographyBye Bye Bibliography
Bye Bye Bibliography
 
Transitions and Extensions – What Schools Have Learned from Sakai Migrations
Transitions and Extensions – What Schools Have Learned from Sakai Migrations Transitions and Extensions – What Schools Have Learned from Sakai Migrations
Transitions and Extensions – What Schools Have Learned from Sakai Migrations
 
Drupal for Libraries 05/28/09
Drupal for Libraries 05/28/09Drupal for Libraries 05/28/09
Drupal for Libraries 05/28/09
 
Lessons Learned from the Implementation of Moodle at Dawson College
Lessons Learned from the Implementation of Moodle at Dawson CollegeLessons Learned from the Implementation of Moodle at Dawson College
Lessons Learned from the Implementation of Moodle at Dawson College
 
Drupal at Stanford Law School
Drupal at Stanford Law SchoolDrupal at Stanford Law School
Drupal at Stanford Law School
 
ELMS - Course Management and Beyond
ELMS - Course Management and BeyondELMS - Course Management and Beyond
ELMS - Course Management and Beyond
 
GCD.263.doc
GCD.263.docGCD.263.doc
GCD.263.doc
 
BethanyBrownResume
BethanyBrownResumeBethanyBrownResume
BethanyBrownResume
 
The Story of the Bowman Library Research Skills Tutorial
The Story of the Bowman Library Research Skills TutorialThe Story of the Bowman Library Research Skills Tutorial
The Story of the Bowman Library Research Skills Tutorial
 
Migration to Moodle at Dawson College: Customization and Lessons Learned
Migration to Moodle at Dawson College: Customization and Lessons LearnedMigration to Moodle at Dawson College: Customization and Lessons Learned
Migration to Moodle at Dawson College: Customization and Lessons Learned
 
Learning Design and Volunteering
Learning Design and VolunteeringLearning Design and Volunteering
Learning Design and Volunteering
 
Migrating to Moodle: Faculty, Student and Technology Perspectives
Migrating to Moodle: Faculty, Student and Technology PerspectivesMigrating to Moodle: Faculty, Student and Technology Perspectives
Migrating to Moodle: Faculty, Student and Technology Perspectives
 
Designing and Developing a Blended Course: Best Practices for Japanese Learners
Designing and Developing a Blended Course: Best Practices for Japanese LearnersDesigning and Developing a Blended Course: Best Practices for Japanese Learners
Designing and Developing a Blended Course: Best Practices for Japanese Learners
 
DCDC-Process-Team-Tools
DCDC-Process-Team-ToolsDCDC-Process-Team-Tools
DCDC-Process-Team-Tools
 
Web Design Syllabus.doc
Web Design Syllabus.docWeb Design Syllabus.doc
Web Design Syllabus.doc
 
The 3 Rs of Sustainable elearning Practices
The 3 Rs of Sustainable elearning PracticesThe 3 Rs of Sustainable elearning Practices
The 3 Rs of Sustainable elearning Practices
 
Advanced BlackBoard Learn Tips
Advanced BlackBoard Learn TipsAdvanced BlackBoard Learn Tips
Advanced BlackBoard Learn Tips
 
Implementing an Online Learning Initiative
Implementing an Online Learning InitiativeImplementing an Online Learning Initiative
Implementing an Online Learning Initiative
 

Plus de Marie Toler Raney

Plus de Marie Toler Raney (9)

Combining pages and posts in word press
Combining pages and posts in word pressCombining pages and posts in word press
Combining pages and posts in word press
 
WebTech work 2010-2015
WebTech work 2010-2015WebTech work 2010-2015
WebTech work 2010-2015
 
Why a CMS? Why Drupal?
Why a CMS? Why Drupal?Why a CMS? Why Drupal?
Why a CMS? Why Drupal?
 
Why coding is a cool career
Why coding is a cool careerWhy coding is a cool career
Why coding is a cool career
 
Office website
Office websiteOffice website
Office website
 
Atus website
Atus websiteAtus website
Atus website
 
Western web work Jan 25, 2013
Western web work Jan 25, 2013Western web work Jan 25, 2013
Western web work Jan 25, 2013
 
Ask your users
Ask your usersAsk your users
Ask your users
 
Using Drupal at Western Washington University: an Intro
Using Drupal at Western Washington University: an IntroUsing Drupal at Western Washington University: an Intro
Using Drupal at Western Washington University: an Intro
 

Design for college sites

  • 1. Designs for College Sites Western Theming for Academic Units using Drupal
  • 2. Project History August 2011: New Homepage delivered Spring 2012: Requirements for College sites defined; Design team launched September 2012: Developer hired to build Drupal template for College and Department sites Fall 2012: WCE and CFPA started their sites Late fall 2012: Design finalized in response to user surveys
  • 3. Design: A Team Effort Designers from Across Campus: Admissions Including a Student Employee College of Fine and Performing Arts University Communications ATUS ALSO: User Surveys in August and November
  • 4. Design: User Surveys August Survey 15 responses helped us determine problem areas in our designs November Survey 138 responses showed us the best-liked aspects of the three candidate designs Final design combined most successful aspects of the draft designs
  • 5. Design: Accessibility First Mobile Access built in – automatically adjusts for phone and tablet use Human Access built in Meets color contrast recommendations Supports keyboard only or mouse use
  • 6. Supports College Customizations Header Image College name can be text or logo Menu and Navigation Different colleges have different navigation needs Colors and Styles of Graphics and Content in Content Area Footer Links
  • 8. http://west.wwu.edu/atus/web/college-designs-final.shtml Western Header College Header and Menu Bar Content for College or Department College Footer Western Footer Insert
  • 10. College Status College Status Woodring actively moving their content to Drupal CFPA began the move to Drupal, but lost their developer and will be stalled for a bit CBE recently relaunched much of their static site, and have started working on their Drupal site Huxley will start the process after hiring a web coordinator this term Gradschool revamping their current template site, interested in Drupal
  • 11. Next Steps Convert design to Drupal theme (in progress) Test theme on various devices Work with each college to develop custom content styles Start talks with next colleges Install automation tools to speed creation and maintenance of new sites