Your SlideShare is downloading. ×
Web Concept Design for OSU Fisher College of Business
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web Concept Design for OSU Fisher College of Business

1,122
views

Published on

Here's a design presentation deck that I used to sell the new web concept design to the stakeholders at The Ohio State University's Fisher College of Business. The design takes the college to a new …

Here's a design presentation deck that I used to sell the new web concept design to the stakeholders at The Ohio State University's Fisher College of Business. The design takes the college to a new level and sets the foundation for the rest of our strategy.

Presentation by Shaun Holloway:
http://www.srholloway.com

Published in: Design, Business, Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,122
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Fisher Website 2.0 Next Generation Web Design: Evolution and Enhancements fisher.osu.edu March 2009 Offices of Information Technology Services and External Relations
  • 2. Website Mission and Vision Offices of Information Technology Services and External Relations
    • Mission
    • to attract, retain, and serve Fisher’s current and future faculty, students, and alumni through emerging and existing Internet technologies.
    • Vision
    • To build a virtual community and embraces the work of our thought leaders and establishes Fisher as a resource in the eyes of our audiences through the services and information we provide.
  • 3. Key Objectives Foundation Offices of Information Technology Services and External Relations
    • Built off of Discovery Phase website audit between March - October 2007
    • Benchmarking research of business schools, universities, and other industries between May 2007 - July 2008
    • Extension of brand guidelines enhancements completed in the summer 2008
    • Save money. Use of vendor’s creative web design and familiarity with Fisher
  • 4. Key Objectives Foundation Offices of Information Technology Services and External Relations
    • Reach and Scope
      • global audience
      • entire college web presence
        • own websites – internal/external
        • 3 rd party user interfaces
    • Impact
      • consistent college look and feel
      • streamline development and marketing
  • 5. Fisher Client Focused Offices of Information Technology Services and External Relations
    • Internal stakeholder review
      • feedback and suggestions
      • included in the design
      • align with units’ goals and audience
    • Links currently accessible from the homepage will remain
  • 6. Key Objectives Offices of Information Technology Services and External Relations
    • Advance Fisher’s brand
    • Enhance the user experience
    • Improve website management
    • Improve Internet marketability
    Concepts shown as a flow from the home page to level 4
  • 7. Advance Fisher’s Brand Offices of Information Technology Services and External Relations
    • Reinforce college as a market leader
    • Modernize look and feel of design
    • Establish consistency – one college
    • Create a memorable experience
    • Support marketing and communications
    • Leverage OSU’s brand and web design .
  • 8. Brand Design Approach Offices of Information Technology Services and External Relations
    • Evolution of previous design and new brand guidelines
      • use of enhanced photography
      • distinguish brand – e.g. medallions
    • Quickly convey industry leadership
    • Offer relevant content
    • Positive user experience
  • 9. Brand Design Approach December 2008 | Offices of Information Technology Services and External Relations
    • Deliver clear, multiple communication paths to most desired content
    • Create more opportunities to connect and interact with the site
    • Highlight and credentials personal stories
  • 10. Enhance the User Experience Offices of Information Technology Services and External Relations
    • Consistent, no-thought navigation
    • Intuitive access to breadth and depth of content from across the college
    • Enhance rich-media and text content
      • photos, video, audio
      • content drill-down
    • Build foundation for social media tools
    • Engage the users on a deeper level
  • 11. Visitor Approach Offices of Information Technology Services and External Relations
    • New visitors goal
      • quickly gain top-level understanding
      • inspire them to learn more
      • provide multiple paths to key areas
      • reduce number of clicks to content
      • easily find contacts and connections
  • 12. Visitor Approach Offices of Information Technology Services and External Relations
    • Repeat visitors goal
      • find new, updated information
      • download or feed information
      • access to key contacts or information
      • quick access to MyFisher
      • deeper level of interaction
      • become advocates, word-of-mouth
  • 13. Improve Website Management Offices of Information Technology Services and External Relations
    • Build framework for expansion of content and application
    • Support template structure
    • Integration into a CMS
    • Layout and design standards allow for improved non-technical staff training
  • 14. Improve Website Marketability Offices of Information Technology Services and External Relations
    • Keyword optimization
    • Allow bots to crawl content paths easier
    • Intra-site marketing opportunity
  • 15. Improve Website Marketability Offices of Information Technology Services and External Relations
    • Extend the user experience
      • cross-leverage the design to 3 rd party applications
      • consistency across Fisher related sites
    • Compliance
      • OSU Web Accessibility Center
      • Section 508
  • 16. Design Strategy – Home Page Offices of Information Technology Services and External Relations
    • Single visual design elements combine to create a tone, engages users, and invites interaction
      • photos, architecture, medallions, unique angles, color palette
    • Use of screen real estate
      • expandable and flexible areas
      • time sensitive messaging capable
  • 17. Design Strategy – Home Page Offices of Information Technology Services and External Relations
    • Establishes layout for entire website
      • position of global elements
      • position of navigation
    • New depth and edge to homepage
      • all-purpose feature gallery
      • additional outlet for hi-profile content
    • Opportunity to establish guidelines
  • 18. Design Strategy – Sub-levels Offices of Information Technology Services and External Relations
    • Clean and open feel
    • Improved page architecture – readability
    • Content displayed to encourage deeper exploration into site
  • 19. Design Strategy – Sub-levels Offices of Information Technology Services and External Relations
    • Graphic elements provide visual cues for enhanced usability
    • Modular sub-design offers customizable options within the brand design
    • Stylized tables, classes, and visual formats cleanly display information CONSISTENTLY across entire website
  • 20. Fisher’s Website as of December 2008
  • 21. November 2008 OSU new web design
  • 22. June 2009 Current web design
  • 23. November 2008 Half step forward Usability and navigation tests
  • 24. Use of strong photography Medallions as distinguishing factor Clear division of screen real estate All who have links currently will remain New depths of new and constant info Slide 10
  • 25. OSU navigation bar OSU brand feel Fisher branded Masthead visible on all web pages Primary navigation is audience-based Secondary navigation Utility navigation Slide 11
  • 26. Display of Fisher multimedia gallery Photos or video Additional layer to home page content Shows depth of events and impact Faster drill down of key messages Slide 12
  • 27. Display use of drop-down navigation ADA compliant User familiarity Expandable / flexible Standardized footer visible on every page Slide 13
  • 28. Level 1 Web Page Consistent layout “ Hot buttons” geared toward respective audiences Visual icons Use of style and photos Begin use of “breadcrumb navigation”
  • 29. Level 2 Web Page Consistent layout Flexible space in design to allow various forms of content and applications Showcase events and announcements Potential user-generated content
  • 30. Level 3 Web Page Photography banners maintain graphic design of the brand at the lowest level Example of styled table for consistent use Use of Fisher color palette throughout
  • 31. Level 3 Web Page Photography banners also carry key messages and showcase faculty, teaching, and events Column style can be a layout option depending on the content
  • 32. Level 3 Web Page Example of content display on brand Modules on the right are flexible Modules can be created as tools or widgets that can be used across the entire website
  • 33. Level 3 Web Page Shows flexibility in the template structure Different ways to display content to the user Use of medallion as signature element
  • 34. Level 4 Web Page Consistent layout Example styled tables and displaying content with flexibility Example of a way to display multimedia content inside of a page Left navigation shows location to user