354

Websites: Cultural Events, Conference Sites, Event Calendars

landing page:

Multiple ways to access information (list, location, artist or title and date) and hover states.

Multiple ways to access information and hover states. What’s Happening clink on Grid or Map. Clicked on Grid.

What’s Happening: clicked on Map:

Small hover states below for social media...

Ways to access information and hover states. Hover over artist image/name:

Click on an artist and .... information pop up
BAM videos:

Featured on BAM:

Hover state / click on BAM:

Hover for Literary

Design agency / studio sites to refer to that show campaign work

http://www.sagmeisterwalsh.com/

http://www.pentagram.com/

http://fuzzco.com/

http://www.omfgco.com/

 

SITES to reference for EVENT CALENDARS + interaction design: hover states / UX interactions...

https://creativemornings.com/

https://www.publicartfund.org/

http://www.bam.org/

http://www.ontheboards.tv/

http://www.publictheater.org/

http://www.walkerart.org/ (design too busy too much going on?)

Designing the site for your cultural event or exhibition.

Next you will translate your schedule of events or organization for online presence. No coding allowed.

Step 1. What, who, why am I designing for? Answer:

Strategy slides and sections of this post are from a lecture by Thom Hines. Thanks Thom!

Step 2. Recommend designing / presenting your plan for your site 960 x 3000 like this:

Step 3. Clearly state what this site is for

 

Step 4. Show the user what they are supposed to do.

Step 5. Responsive design. Design for at least two formats phone and browser window. Make it real. Place your designs in context: 

 Responsive design from Media Queries:

Responsive web design examples at “A List Apart: For People Who Make Websites”. A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

http://alistapart.com/d/responsive-web-design/ex/ex-site-larger.html

Step 6. Show how it works!

Step 7. Don’t forget design skills: Strong Typography. Great Images. Scale. Hierarchy.

 New Zealand Opera. Here the logotype scrolls over the imagery:

 

 

 

Summer of the Stars online calendar.

http://www.tcm.com/summer/

Life of Pi movie site. 

Lost World's Fairs. Beauty of the Web. Internet Explorer 9 now supports WOFF, and the Friends of Mighty have joined forces to explore ...

Site for The Build film. http://thebuildfilm.com/

Yerba Buena Center for the Arts

Logo by http://www.erikmarinovich.com/

 

We reimagine the crosswalk between YBCA and SFMOMA—to make your lengthy wait at that stoplight as artful as your experience in the galleries… 

Excerpts from Tracing History, an exhibition accompanying Bebe Miller’s new performance, A History, that expands on Bebe's history of innovation in dance. 

Below homework from Nayland Blake's exhibition workbook:

 

Case Study by Volume, Inc.  Yerba Buena Center for the Arts: You Campaign

Duration: July 17–September 18, 2012. Creative directors: Adam Brodsley and Eric Heiman and Designer: Ed O’Brien

 

Ed. note: This case study is a selection from the 2013 “Justified” competition, for which an esteemed jury identified 14 submissions that demonstrate the value of design in a clear, compelling and accessible way. To learn more about the jury’s perspective on this selection, see the juror comments.

Project brief

The problem was to recast the brand image of the Yerba Buena Center for the Arts (YBCA) in San Francisco through the launch of the YBCA:You program. YBCA:You offered an all-access pass to the center, providing participants with both intimate and social vehicles to engage with art—including personal docent tours, exclusive VIP events with artists and complimentary admission to various YBCA events.

“MoMA Starts Here” and “Summer at MoMA. Plan Accordingly.”

The very lovely and talented (+recently graduated and working at w+k) Corbin LaMont (thank you Corbin!) sent me this cultural campaign called MOMA Starts Here, created for MOMA, The Museum of Modern Art, concepted and designed by the The Department of Advertising and Graphic Design. The Department of Advertising and Graphic Design is The Museum of Modern Art’s in-house design studio. This portfolio website shows a selection of recent exhibition designs, advertising campaigns, and printed materials—all produced for and in collaboration with the Museum’s many departments, from curatorial to education to visitor services.

And in 2011, August Heffner designed for MoMA summer…