THE DAILY CALIFORNIAN

These are various projects I worked on as first a web designer (Spring - Fall 2013) and then web design editor (Fall 2013 - Spring 2014) for Berkeley's newspaper. 

Blog Page

Beyond modernizing the look of the Blogs page, we needed to redesign the page due to departmental restructuring. Many specific blogs, like sports and arts, were being brought into the fold of the Daily Clog. The new design showcases more menu space from the initial screen and sets a model for the Section Page redesigns, with a feature article in the center,  a right sidebar for ads, and a left sidebar with regularly updated content, which in this case is the Travel Blog and Food Blog.

Old Daily Cal Blog page

Redesign

 

Cal Gamedays: Home page

The Gamedays home page serves as an archive for the Gameday Issues that cover each football game that takes place in Berkeley. The reason for the redesign is mostly visual - the old page looks dated with its blue-yellow gradient background that hearkens to another era of the internet and obscures much of the footer text. The old design also has logos, text, and photos for each game all overlapping in a small area to an illegible effect. My goal for the new design was simplicity and legibility.

Old Gamedays home page

Redesign - Version 1

REDESIGN - VERSION 2

 

Cal Gamedays: Post Page

The post page is the page you get to if you select an individual game's issue. The old design continues the same background gradient and provides just a list of articles with no visual hierarchy. My goal for the new design was to organize the content in a compelling manner that would showcase a some of the great photography we have for Gamedays, differentiate between feature articles and sports columns, and be adaptable to any series of articles.

Old Gamedays Page

Redesign

 

Berkeley THrough the Years

The idea behind this special feature page is to allow a reader to find out what the biggest news in Berkeley was in any given year, broken down into an experience based on what class you graduated with. That way, you could be looking at your Sophomore year and see what news was breaking, what opinion pieces were circulated the most, who the biggest touring act was. The design incorporated a "temporal map" that would trace your path through the years as you scrolled. It was inspired by some of the rich multimedia pages published by the New York Times online. 

Hi-Fidelity Mockup

Wireframe

 

Home page

Old Daily Cal Home Page

Some insights we got from collecting data on the homepage were that the carousel was not generating a significant amount of clickthroughs for featured articles, and that the Daily Clog blog is consistently one of the most popular parts of the site but very inaccessible from the homepage.

Much of the feedback we got from readers was about how each section (Arts, News, Opinion, etc.) color was overused, and everything on the site is overwhelmingly large.

The asks we received from the editorial staff included more curation of the area "above the fold" so as to feature non-news articles if they are the most noteworthy articles of the day, and to integrate multimedia pieces more fully into the homepage.

Redesign

The new design eliminates the carousel and instead has three featured articles, the first of which is the center photo piece. These features can be from any department of the Daily Cal.

Below the featured articles are featured columns, which are also not section-specific. Of the departments, News is still given priority placement at the top left of the page. The blogs section now features Clog content at the very top.

In general, headlines are smaller, and section colors are limited to overlines and dividers. Multimedia pieces are also surfaced in the home page, with visual differentiators being video or gallery icons and the overline "Multimedia".

 

Section Pages

Much of the work done on the section pages followed suit from the blog page redesign. The goal was to make each section page more curation-friendly than just a list of articles in chronological order. Because each section has special recurring features, for example the Voices series for Arts (interviews with local artists), the redesign focused on giving a home to these installments. I also wanted to differentiate between articles, columns, and blog posts, and did that through visual differentiators.

OLD ARTS SECTION PAGE

Redesign