AquaTru Case Study Mockup
City of Long Beach

Long Beach Public Library


Government Website


UI/UX Design

Front-end Development

Project Management

Project Summary

The City of Long Beach was transitioning to a new 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.


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 the 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 a 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 were determined. Data were collected by the library committee and incorporated into the research analysis.

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 constructed 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