UX Designer
vta.png

Bay Area Open Data

Most Recent Draft.png

Bay Area Open Data

Website Redesign

A redesign concept of “Bay Area Open Data,” a website with open-source data pertaining to cities within the San Francisco Bay Area.

This project was done for the VTA (Valley Transport Authority) and Code for San Jose (part of Code for America).

 


 

Challenges & Goals

Data is collected using taxpayer money. The VTA and local governments
have a responsibility to make data easily accessible and digestible to all
users. However, the current site is designed for developers and others
familiar with working with large datasets. 

User NEEDS

users.jpeg
  • Browse and search for relevant data
  • Understand and use data without prior experience working with large datasets
  • Sort and manage data according to location
  • Request new datasets
  • Learn about community through an entertaining experience that doesn't require thought or analysis of data

VTA & BAy area Open Data Needs

vta.png
  • Make data visually interesting and digestible to all users through visualizations and analysis
  • Highlight relevant data and make it effortless to find
  • Facilitate sharing and reuse of data
  • Allow users to request new datasets

Goals

goals.jpeg

The goal is to redesign the website so that it clearly guides visitors to the main functions. The redesigned website should increase citizen awareness of government decisions and city goings-on, as well as increase involvement in and contribution to society and government.


 

Analysis & Research

Current Menu Hierarchy

Current AI-01.jpg

Problems:

  • Current elements are not worded in familiar jargon
    • Accessing the "Catalog" is not helpful to users who do not know what they are looking for. Most users coming to the site will be citizens who do not know what actions are possible and what can be done with data
    • Not clear what tutorials are needed for
  • Developers portal is not easy to find
  • Search, while in strong fallow area, is not easily noticeable/ within line of reading gravity according to Gutenberg diagram
  • “Sign In” feature is helpful for developers only
 

Redesigned Menu Hierarchy

Current-IA-01-01.jpg

Changes:

  • Frequently Asked Questions moved from footer navigation to be easier to locate
  • "Catalog" was changed to "All Data," which is quicker to comprehend. Options for types of data ("Transportation," "Housing," etc.) is nested within
  • Link to developers portal is less buried and more apparent
  • "About" page for new users was added to make transparent why open data portal exists and BAOD purpose
 

Analysis of Current Site

analysis-current-site-01-01.jpg

Competitive Analysis

Analysis of open data portal websites in the Bay Area (the residence of the target market) was conducted to understand hierarchy of important features, what features worked well and which were lacking. For a broader range of features, open data portal websites from select US cities were also analyzed.

comp-analysis-01.jpg

Color Palette

Current color scheme is professional, but dull and uninspiring.

old_palette-01.jpg

 

New color scheme aims to be fresh and calm with small, bright pops of color to appeal to a broader demographic. I decided to maintain blue hues for professionalism and to align with VTA's original branding.

inspo+new_palette-03-01.jpg
 

Preview of Redesigned Website

Most Recent Draft.png
Most Recent Draft Copy.png