Library Catalog

Website & iOS App

PROJECT OVERVIEW

This project reimagines a public library catalog into a modern, intuitive search and discovery experience. I redesigned both the website and iOS app to streamline how users find materials, manage their accounts, and navigate local branches. The goal was to transform a traditionally clunky system into a clear, accessible, and efficient interface that supports everyday patrons.

THE CHALLENGE

Create a simple, intuitive user experience for a library catalog website and iOS app that allows users to search for books and materials, access their account, and locate local library branches.

MY ROLE
  • User flows
  • Wireframes
  • UI design
  • Prototyping
TOOLS

Figma

INDUSTRY

Public Library / Education Technology

User Flow

To map the core tasks of the catalog experience, I built user flows around three primary user stories:

  1. Searching for books and materials

  2. Managing account activity, including fines and overdue items

  3. Locating nearby library branches

Low-Fidelity Wireframes

These low-fidelity wireframes helped me validate the core structure of the experience before committing to visual design. I focused on layout, navigation patterns, and task clarity for each user story, ensuring that the flows for search, account management, and branch discovery were intuitive and efficient from the start.

High-Fidelity Wireframes

The high-fidelity wireframes translate the validated flows into a polished interface aligned with the final visual direction. At this stage, I refined hierarchy, spacing, color, and interactive states to create a clean, accessible experience across both mobile and web. These screens represent the near-final product before full prototyping and usability testing.

Final Product

The final design brings the entire catalog experience together in a clean, modern interface optimized for both mobile and web. Search, account management, and branch discovery were refined into simple, intuitive workflows supported by clear visual hierarchy and accessible UI patterns. The result is a streamlined library system that helps users find what they need quickly, navigate confidently, and manage their accounts with ease.