University Web Design Rollout. May 17, 2012

Transcription

1 University Web Design Rollout May 17, 2012

2 Agenda Welcome Frank Zang University Brand Rachael Bickerton University Web Design Teri Williams Design Selection New Features The One Theme Page Templates Training Opportunities Next Steps Rollout Process Q&A 2

3 Consistency of Boise State Brand Boise State University Brand Secondary logos not permitted unless in prescribed format Many separate and diverse entities make up Boise State University. Consistent representation is essential.

4 No Secondary Logos University web template represents that consistent identity and bears the correct logos and brand New logos / secondary logos should not be used in body of the website (the white space ) or elsewhere Unless those secondary logos have been approved through Office of Trademark Licensing ([email protected]) Approved secondary logos are limited in number e.g. Morrison Center; Taco Bell Arena e.g. Alumni Association; Foundation;

5 Approved Secondary Marks Student Affairs University Secondary Logo for marketing 5

6 Athletics 6

7 Graphic Identity Guide Also refer to licensing.boisestate.edu Or cc 7

8 Design Selection Process Westwerk Selected Benchmark Survey 1716 participants New Design Survey 1995 participants Student Focus Group Campus Meetings Results Development of recommended homepage design based on campus community feedback Admin Council approval of design direction 8

9 New Features Professionally Designed WordPress Theme Responsive Mobile Friendly Design Consistent Navigation Global and Local Integrated Layouts & Page Options Advanced Styles and Design Elements WP101 On-Demand Training Google Site Search Siteimprove Quality Assurance Integrated Multimedia Integrated Social Sharing 9

10 The One Theme The Boise State University WordPress Theme is a comprehensive, professionally designed theme that supports the university brand. Several page templates, layout options, and widgets are available for use in the creation of your sites. Colleges, departments, or areas should not change or otherwise circumvent the university theme or page templates. 10

11 Don ts Displaying a new or secondary logo Changing or adding to the CSS styles Adding or changing fonts or font styles Adding or changing design elements Changing the navigation scheme Using UI elements such as buttons or tabs for local navigation Adding horizontal local navigation Editing the theme or adding an unapproved child or splinter theme Requests for changes to the theme should be referred to Teri Williams. Logo questions should be referred to Rachael Bickerton. 5/17/ Boise State University 11

12 University Homepage (restricted use) Tier One Homepage (restricted use) Site Homepage Subsite Homepage Full-Width Full-Width Minimal Navigation Doublewide Standard Page (Default) Standard with Right Sidebar Blog Page Post Detail Page System Pages Login and Maintenance Update Site Layouts Design and Typography The One Theme 12

13 Training Opportunities Webguide Theme Documentation and Styleguide Westwerk On Site Training Early July WP101 On Demand Video Training General WordPress Videos Boise State Custom Videos (Including Westwerk training) WordPress Drop-in Labs OIT Helpdesk 5/17/ Boise State University 13

14 Next Steps May Complete coding development Complete Testing and QA June Delivery of final theme from Westwerk June 15 Pre-launch test integrations Summer 2012 Phased Rollout of new theme by OIT WordPress Support Team and Site Administrators Campus Training 14

15 Rollout Process New design will be rolled out in phases: Pre-launch - Testing Phase 1 University homepage and university managed sites Phase 2 DIY and selected sites scheduled based on visibility, traffic, complexity, and available resources. Phase 3+ - Continued scheduling based on visibility, traffic, complexity, and available resources. Schedule will be posted on Webguide 15

16 Materials on Webguide This Slidedeck Survey Results Main Navigation Flyouts Content Page wireframes Link to design mockups Link to style elements Rollout schedule To receive updates please sign up for the mailing list on Webguide 5/17/ Boise State University 16

17 Opportunity is missed by most people because it is dressed in overalls and looks like work. -Thomas A. Edison 17

18 Questions or Comments x61597 THANK YOU 18

19 Responsive Design for Mobile 19