This industry leader in visual design and motion graphics—with offices in Hollywood, Hong Kong, and Shanghai—specializes in main and end titles for film and television, visual effects, network graphics packages, theatrical logos and commercials.

Unveiled in conjunction with its twelve-year anniversary, the award-winning studio led by creative director Garson Yu rebooted its Web site with a dynamic look that puts its variety of work in the spotlight. While many sites for creative companies attempt to provide visitors with a sense of the company’s style and talent, few succeed on this level. Known for its focus on story and character over flash and gimmicks, yU+co. has carried its approach to design through the site experience by focusing on the moments from its projects and capturing those moments with big, bold and dynamic imagery.

More than merely showing the work, the new site cleverly organizes it with an attention-grabbing navigation device, featuring vertical dropdown bars that are playful and also a means for navigating the site. All projects are color-coded to correspond with the navigation bars and on individual project pages, the bars travel down as a reminder of what part of the site and what type of project is being viewed.

In addition to its technical sophistication, smart design and deep archive of work, the site also features a timeline with pop-up highlights that launch on rollover of each year of the company’s existence. There’s also an active blog section for all of yU+co’s talent to participate in and share via all popular social media outlets.

• The site takes visitors on a detailed journey through yU+co.[lab], the company’s satellite offices in Hong Kong and Shanghai that focus on experiential design ideas and multimedia interactive installations.

• Thanks to robust backend architecture and a brilliantly executed front-end design, users have easy access to an archive of nearly 200 individual projects that showcase the studio’s story-driven sensibility.

• Two nav structures—one for the primary nav for the different elements of the site and another for browsing through the projects—enables visitors to move quickly through the architecture. (No content is more than three levels deep.)

• All of the company’s best-known work is on display—from its first official assignment for the main title sequence of Tony Scott’s Enemy of the State to its Emmy-nominated show open for Desperate Housewives.

• Flash is required to view the videos but a mobile version of the site allows all videos to be viewed on devices without Flash.

Communication Arts

// From our friends at Communication Arts

Leave a comment