Science Friday
Preview — Jun 05, 2012The new SciFri identity creates an iconic brand that is playful but not childlike. Quirky, friendly and welcoming, the identity is built around the shape of the hexagon—the symbol used in scientific diagramming of chemical compounds. The identity is complemented by the redesigned SciFri website, a clean, simple gateway to a wide-ranging world of scientific information. SciFri is available as a podcast and is one of the most popular iTunes downloads, and the new site is designed to look at home on smartphones, tablets and mobile devices.
The redesigned SciFri site has been organized around a series of 13 topics—Home Planet, Space, Body & Brain, Biology, Nature, etc.—that are used for navigation. The designers worked with the show producers to restructure these categories (from a list of over 20), streamlining topics to make the site easier to use. A set of friendly illustrated icons was developed to represent the various subjects––a DNA strand for Biology, a leaf for Nature, a thought bubble for Big Thinkers, and so on. These icons appear in the navigation column, which playfully expands into the body of the site. Within each topic, the respective icon replaces the hexagonal dot of the “i” in the SciFri logo to create a topical sub-brand. Visitors can experience the show through the lens of their favorite subject. Audio and video are clearly marked and organized, and features are tagged with keywords so users can explore related subjects via a hexagonal “word cloud.”
The new site is active and busy, but digestible. The site is built around a flexible system of modular panels—a changeable Post-It-like grid—that flows into the space. Website features have a built-in interactivity that feels alive. The panels are moving, buzzing. Within each panel, multiple items may be featured, allowing the site to contain just as much content as it did before, close to the surface, but with a cleaner appearance. Each panel exhibits its own behavior—items may appear as a slideshow, scrolling Twitter or Facebook feed, playlist, and so on. Keeping with the science theme, some of these behaviors allow users to consider scientific phenomenon in a new way—for example, rather than use a linear bar, the loading of an audio file is visualized as a circle. Sprinkled in among the panels are “snacks,” small, buzz-y bits of science that are perfect for links in social media.
Another goal of the redesign was to give prominence to SciFri’s weekly show, which is now featured front and center on the homepage. SciFri creates short videos and films to accompany the weekly radio program, and these appear alongside the radio show across the main column. The video player can be opened into widescreen, and works in smartphones and tablets. The show’s current content is kept accessible in a top “drawer” that appears on all pages throughout the site, so no matter how or where a visitor lands, via Google search or the SciFri homepage, they will have access SciFri’s latest show.