Website Refresh for
150-year-old library

The image of current website of HSPL.
Challenge—Defining the issue

The current website (as of June 2024) shown above has several issues that come from the same root—a complex information architecture. While the library serves the entire state, it is reasonable to contain a vast amount of information. The issue is that it lacks a user-centric perspective.

  • Lack of visual hierarchy complicates navigation.
  • Graphics are not communicating (distracting).
  • he library works as an educational + cultural + community hub, but the website does not promote these.

The image showing the solution for current challenges HSPL has.
Challenge—Defining the solution

To solve these issues, I clarified the objectives of this project.

  • The website should be a user-centered platform that provides library service access.
  • The website should be able to navigate easily and intuitively.
  • The website should support the library’s mission of promoting literacy, lifelong learning, and community engagement.
  • The website should feel open to everyone.

A chart showing 10 categories of user demographics. An image showing three user personas.
Stack of papers which are the current site map. Animation showing the organization process of site map. A chart showing newly organized site map.
A screenshot of low-fidelity wireframe using Figma, showing the userflow.
A screenshot of high-fidelity wireframe using Figma, showing the userflow.
Five webpages with new design layed on a yellow background.