Each year, BU publishes an annual report to update the community on the status of the university in various categories such as research, campus life, and financials. The publication features an accompanying website designed to coincide with the look and feel of the print pub. See my discussion on the 2009 Annual Report for reference. This year I created a new Flash introductory experience and all of the JavaScript functionality on top of a layout design by Scott Dasse.
A series of question marks fly from the center of the stage, hovering/interacting with them gives you quick links to each section, however more apparent navigation is always available on the site in the header and on interior pages as prev/next arrows that take you linearly from section to section. Hovering over the main question mark brings up a menu with some additional content, including a note from the President and an explanation of the rhetorical question marks. All of the 3D in this particular project use the built in Flash Player 10 3D APIs instead of Papervision.
Some straightforward CSS2/3 helps enhance small portions of the site such as the drop shadow and rounded corners on these popups.
Interior pages contain some introductory copy with some expand/collapse code included.
Videos/images are swapped with JSON requests off to the BUniverse embed service to quickly switch between videos without needing to embed all of them on the page at once. Additional touches of CSS3 such as rotation of text for a quiz for browsers that support it also exist.
See the site live or take a look at the quick video walkthrough below.
