Long Beach Public Library


UI/UX Designt

Front-end Development

Project Manager

Project Summary

The City of Long Beach was transitioning to a ne Content Management System. As part of that transition, the individual city departments were provided a budget to redesign their websites. I lead the UI/UX Design process for the LB Public Library and other departments.

Visit LBPL
AquaTru Laptop Mockup


The kickoff meeting for the LBPL project included a review of the current site needs, what research had been conducted by the individual departments, timeline for completion, and the measures of success.

Project Specifics

During the strategy phase of hte UX process, there was a comprehensive review of the research data that had been conducted by the library. Prior to our involvement, the redesign of the sites had been started and stopped.

The City of Long Beach had recently completed and rebranding and each department needed to ensure that branding was integrated into their specific sites while still exerting a sense of independence.

Project Goals

icon user experience glass

Improve overall user experience

icon design

Consistency in design

icon responsive

Ensure site is responsive

icon integrate

Integration of third party vendors

icon architecture

Improved information architecture

Research & Analysis

Based on the outcomes of the Strategy phase, a specific research approach and methods are determined. Data is collected and organized information about the user experience to determine current experience and proposed modifications.

Methods Used

icon magnifying glass

Heuristic review

icon magnifying glass

Information Architecture

icon magnifying glass

User Feedback

icon magnifying glass

User Journeys

icon magnifying glass

User personas

AquaTru Laptop Mockup



icon magnifying glass


icon magnifying glass

HiFi Mockups

icon magnifying glass

Pattern Library

icon prototype



During the design and initial testing of the prototype, it was detemrined that LBPL would need the capability to build additional page templates in the CMS post launch. As a result, we contructed a pattern libary that was built into the CMS as widgets for repeated use in a variety of ways.

AquaTru Laptop Mockup
AquaTru Laptop Mockup