Benicia Library - End-to-End Creative Services

Bootstrap Themes

UX research, Design & Web Development

Benicia Public Library serves a wide range of people who live, work and go to school in Benicia, California and surrounding communities. The website serves to provide information about library services and programs and is also a portal to numerous digital resources.

Project Year: 2023

Their previous website used the Drupal CMS platform, was designed in-house, consisted of multiple pages and micro sites, and integrated software from several third parties. The Library desired changes and modifications of structure and content as well as additions as part of the new website and not just a simple migration. Benicia's director and staff was open to using a new/different CMS platform and/or hosting solution provided all needs outlined in Key Issues were met. A flexible calendar feature for events at the library was a also major need.

They needed a partner who could provide them the full spectrum of a new strategy, design and implementation plan that was based solidly on user data. We provided them a solution that leveraged multiple rounds of user and design research to create a plan that spanned a new information architecture to design and development of their new site.

Tasks I Handled:

  • UX Research
  • Information Architecture
  • Strategy
  • Creative Direction
  • Web Development
  • Usability Testing

Approach: 

  1. Conducted a heuristic analysis of existing site to understand their goals and scope of work
  2. Archived all existing content with links to relevant urls, documents, etc
  3. Reviewed google analytics to understand what areas of the site were high-traffic and where users were leaving the site.
  4. Conducted several rounds of card sort exercises with real patrons to find optimal solutions for the information architecture 
  5. Planned and conducted multiple rounds of unmoderated qualitative research via usability tests to validate interface possibilities 
  6. Recruiting of participants for these research studies was done via a special anniversary event for the library as well as in the city’s monthly newsletter.

Original Site

oecWire

Solutions:

  1. Upon review of the results both the analytics data and our card sort study, we then drafted a new and streamlined Information Architecture for the front and back end of the site. 
  2. After the new Information Architecture was approved, we focused on the creation of wireframes, mock-ups and functional prototypes of new site design concepts.
  3. Multiple layout templates were designed and presented to client, to provide them an idea of the flexibility of content authoring they would be able to do in the new system. Depending on the section of the site, relevant template selections were made available for their use. The wireframes, mockups and prototypes all reflected this. 

Design & Development Workflow

Screenshot

User Scenario Excercise

Screenshot

User Task Excercise:Screenshot

Patron Focused Site Map

Screenshot

Card Sort Excercise:

Screenshot

Usability Testing:

Screenshot

Layout Wireframes:

Screenshot

Design Mockups:

Screenshot

Affect/Outcome:

  1. Client was able to manage and maintain the site on their own internally.
  2. Client was overjoyed with the flexibility that they could now create events with various repeating options, and have those events reflected in various areas of the site, such as section landing pages.

See this project on the web!

Completed Site

Screen Shot 2013-03-08 at 8.56.57 PM