datebook_thumbnail.jpg

Datebook: San Francisco Arts & Entertainment

 

Datebook

Product design for a guide to arts & entertainment in the Bay Area, combining award-winning news with a curated events calendar.

 
Mobile screenshots of Datebook (Homepage, Article Page, Article Page Scrolled)

Mobile screenshots of Datebook (Homepage, Article Page, Article Page Scrolled)

 
 

THE TASK

To create a fully robust digital site for Datebook, the San Francisco Chronicle’s print section for arts & entertainment. Datebook was started in 1960 and existed only as a print insert in the Sunday edition of the San Francisco Chronicle. Proving to be one of the most successful sections in the Chronicle, i was tasked with bringing the content into the digital landscape.

My Role

Lead Designer, UX + Visual Design

 
 
image.jpg

THE APPROACH

The first step was making a trip out to San Francisco to meet with the editorial team and product stakeholders to understand the journalist’s wants/needs, conduct focus groups and brainstorms, as well as simply immersing myself in the Bay Area for a week to understand the audience Datebook caters to.

I spent quite some time flipping through various print editions to understand Datebook’s personality as well as the various content types within each issue.

Entering the digital space meant a new and likely younger audience with a new set of user needs that we needed to define and cater to. Although our editorial is always at the forefront, thinking through the UX for event planning on the digital site was going to be one of the main differentiations between print and digital.

Mapping out reader needs (left) and site component mapping (right)

Mapping out reader needs (left) and site component mapping (right)

sitemap.jpg
Due to an expedited deadline, mid fidelity wireframes for each page type were required to get the process moving

Due to an expedited deadline, mid fidelity wireframes for each page type were required to get the process moving

 

Visual Design

 

During the redesign process, I created visual guidelines to streamline the process between designers and developers. I also designed the Datebook logo and created brand guidelines for internal marketing teams.

 
datebook_UI.jpg
Datebook homepage

Datebook homepage

Event page

Event page

mobile-filters.jpg
Feature interview template

Feature interview template

Neighborhood guide template

Neighborhood guide template

*Some content and photography for mock purposes only. Click here to visit the live datebook site.