Evolving Libby: Transforming Public Library Access into a Unified Digital Content Platform

Redesigning Libby to improve personalization, multi-library management, and content discovery across all media types

My Role

UX Designer

Industry

Digital Media

Timeline

2 months

Toolkit

Overview

Shifting from rigid task execution to a modern, discovery-first media experience.

Libby is widely trusted for digital library access, yet the current experience confines users to transactional workflows (simply borrowing and returning books and magazines). This project conceptually modernizes Libby into a premium, habit-building reading and media ecosystem.

To fully understand the strategic impact of this redesign, it is crucial to look at the three fragmented pillars currently dictating the digital public library landscape:

  • OverDrive: The parent corporate enterprise that secures digital distribution rights from publishers and licenses database catalogs directly to public library systems.

  • Libby: OverDrive’s flagship mobile application, currently restricted by design to handling text and audio formats only (ie: e-books, audiobooks, and digital magazines).

  • Kanopy: A video streaming platform also owned by OverDrive, which hosts films, documentaries, shows, and indie cinema, which library cardholders access through a separate application.

Framing the Problem

Fragmented ecosystems and high cognitive load undermine content discovery

Public libraries have done an incredible job expanding their digital catalogs over the past decade, but the digital user experience hasn’t kept up with this fast-paced growth. Instead of feeling like a seamless extension of their beloved neighborhood library, locating and borrowing digital media today feels unnecessarily complex.

Let’s examine together some of these areas of friction:

  • Cognitive Overload from Multi-Card Architecture: Managing multiple library cards introduces competing brand colors into a single interface. This visual noise forces users to rely on memory to identify which library a color represents, rather than intuitive recognition.

  • Semantic Color Misuse: The default application heavily relies on red and green tones. This accidental pairing visually mimics error and success states, triggering false systemic anxiety during the user journey.

  • Frictional Logistics: Borrowing and placing holds forces users to manually cross-reference wait times, loan availability, and queue lines across multiple linked library cards vs. calculating this on the back-end for the user by default.

  • Fragmented Library Content Experiences: Despite OverDrive owning both Libby and Kanopy, users must navigate independent apps to consume e-books vs. streaming movies or shows.

  • Blind Search Infrastructure: By default, the application restricts search queries to a singular library that is selected within user’s profile. If a title is unavailable at that specific library, it simply fails to appear in the search results, even if it is available for loan or hold on another card linked to the same account.

A Little About My Role

Stepping back to look at the bigger picture, transforming a complex system into an effortless, discovery-first experience

When I decided on this conceptual redesign, I set out to explore a fundamental question:

How might we transform an app that users rely on only for quick, in-the-moment tasks into an engaging, discovery-first reading and media platform?

I completed this project to challenge myself to envision the end-to-end design strategy. This involved moving beyond individual screen designs to analyze Libby’s current underlying system. I conducted a thorough comparative analysis of trends across modern digital media and content platforms, including ecosystem competitors like Hoopla, subscription services like Audible and Kindle, and major streaming giants like Netflix and Spotify. This research helped me to identify core friction points in how multi-library card accounts can better handle data and helped me in my process of mapping out a centralized architecture for the new all-library-media revamp.

Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.
Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.
Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.
Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.

Final Deliverable

My final deliverable focused on centralizing Libby’s fragmented formats and multiple accounts into a single experience. This included a proactive profile and notification center, a redesigned shelf for continuous reading, a curated explore feed for discovery, and a global search engine that scans all your libraries at once.

Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.
Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.

Before and After comparison of the original Libby experience versus the redesigned, unified media ecosystem.

A Little About my Approach

Designing a Smarter, More Fluid Ecosystem

To transform Libby from a transactional checkout tool into an inviting, habit-building media platform, my design strategy had to look beyond surface-level fixes. I focused on connecting thoughtful interface updates with a smarter backend experience.

From there, I designed and built a scalable, semantic component library from scratch. I redefined the color logic, layout spacing, and interaction states, I created a production-ready design system that does the heavy lifting in the background, making the app effortless for the user and bringing a modern aesthetic to the Libby platform.

Here are some of my core design & feature goals:

  • A Connected Media Hub: Bringing e-books, audiobooks, movies, and TV shows into a single, cohesive space. By leveraging the existing relationship between OverDrive and Kanopy, the new app design streamlines how users find and enjoy their libraries’ entire catalog.

  • Invisible, Automated Routing: Taking the guesswork out of having multiple library cards. The system looks at linked accounts in the background to automatically check out or hold a title using the card that offers the shortest wait time and has the greatest available loan slots.

  • True Global Search: Expanding the search engine to scan every single library card linked to an account simultaneously, completely eliminating the need to manually toggle between different libraries.

  • Designing for Every User: Moving away from the original app’s red and green color choices, which can be highly confusing for colorblind users. The new system pairs clear text labels with universally recognized icons, ensuring that system updates and availability states are accessible to everyone at a glance.

Streamlining the Visual & Color System

Eliminating interface ambiguity through a disciplined, semantic color specification

When building out the color system, I focused on creating a palette that not only modernized the interface but also communicated state and function clearly, reducing ambiguity and improving usability.

I introduced green, yellow, and red as state colors:

  • Green represents success or availability

  • Yellow is used for pending or warning states

  • And red signals urgency or error

These were implemented across components like availability badges, alerts, and system feedback—to help users quickly understand what actions are needed at a glance.

In addition to state colors, I also made a clear distinction between interaction and informational cues:

  • I used a bold black tone as the primary color for interactive elements (eg: buttons, links, and navigation), making it visually distinct and easy to recognize

  • I introduced blue as a secondary color, reserved for highlighting important information or content cues (such as customized content) without overwhelming the interface

By confining bright hues strictly to semantic system feedback (such as contextual badges like "Due Soon" or “for you"), the interface prevents cognitive fatigue.

Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.
Before and after comparison of key records collection screens. The top row shows the original experience, including unclear record statuses, inconsistent email formatting, and limited action guidance. The bottom row shows updated designs with clearer status labels, actionable call-to-action buttons, a progress tracker dropdown for visibility, and redesigned email modals aligned with brand and usability standards. These updates reflect system-level improvements to communication, transparency, and user guidance across the records collection workflow.

Building an Adaptable Component Library

Structuring a flexible, atomic system designed to scale across varying media formats

I created reusable, flexible components, including media cards, action buttons, search bars, notification banners, and a full icon set. These are all aligned with the updated color and type system I established earlier.

A big focus here was making sure these components could adapt to different content types (eg: books, audiobooks, movies, and shows) without losing consistency or usability. That’s why, for example, you’ll see consistent tag placements, iconography, and button behaviors across formats.

I also paid special attention to interaction states (eg: hover, selected, disabled, etc.) to give users clear feedback and reduce ambiguity when navigating or borrowing content.

Final Hi-Fi Designs

Bringing the redesigned Libby experience to life through polished high fidelity designs

To validate the direction of the redesign, I created a series of high-fidelity interaction concepts exploring how the updated design system, navigation patterns, and personalization features could work together in practice.

These concepts focused on making the experience feel:

  • More engaging and discovery-driven

  • Easier to navigate across multiple libraries

  • More visually cohesive across content types

  • Better suited for long-term habit building rather than only transactional use

Exploring and Reviewing Titles

Encouraging browsing through curated and personalized content

The redesigned “Explore” flow shifts Libby away from a keyword-first experience toward a more modern discovery platform inspired by media ecosystems like Netflix, Spotify, and Apple Books.

The redesigned “Media Details” page introduce a clearer hierarchy for evaluating content.

This new layout introduces:

  • Personalized recommendations

  • Saved content

  • Trending titles

  • Cross-format suggestions

  • Contextual availability indicators

  • Cross-format recommendations, such as paired audiobooks

  • Genre, rating, and page-length visibility upfront

Recommendation modules and rich cover art help users browse more naturally while reducing the cognitive load associated with dense library interfaces.

Personalized browsing modules transform discovery from a utility task into a more engaging and curated experience.

The redesigned “Shelf” experience surfaces the most relevant actions upfront to improve reading continuity and discoverability.

"Shelf" and Reading

Prioritizing in-progress content and actionable next steps

The redesigned “Shelf” experience focuses on helping users quickly resume, manage, and organize their borrowed content.

Rather than presenting long lists of content, one title at a time (as the current libby format does), the updated interface prioritizes:

  • “Where You Left Off” content

  • Clear indicators such as “Due soon” or “Available now”

  • Waitlisted titles

  • Recently borrowed media

  • Faster resume actions

This creates stronger continuity between sessions while clearly displaying other available options if the user decides to try something else.

Profile, Your Recents, and Search

Combining utility and exploration within a single experience

The redesigned profile experience centralizes:

  • Notifications with loan info and recommendations

  • “Saved” content and “Collections”

  • Reading activity and library account(s) management

This reframes Libby from a passive borrowing platform into a more proactive digital media ecosystem.

The updated search flow expands beyond basic keyword matching by integrating:

  • Rich recent search history

  • Personalized recommendations based on your

  • Cross-library search logic

  • Immediate actionable buttons

  • Contextual availability badges

Users no longer need to manually search library-by-library, helping simplify the borrowing process for users with multiple linked accounts.

Personalized search, recommendations, notifications, and collections work together to create a more engaging and discovery-driven experience across books, audiobooks, movies, and shows.

Car Mode simplifies audiobook interactions through larger controls and a simplified visual hierarchy.

"Car Mode" Concept

Designing for safer and more accessible audiobook interactions when on-the-go

As part of the broader ecosystem exploration, I also developed a strategic “Car Mode” concept to focus on optimized audiobook usability while driving.

The interface prioritized:

  • Large touch targets to reduce error

  • Reducing visual clutter and minimized interaction complexity

  • Quick playback controls

  • Clear hierarchy and readability

This concept explores how Libby could better support audiobook listeners in limited-attention environments.

Conclusion

What this project taught me

I had a lot of fun on this project having the freedom to experiment with blending e-books, audiobooks, and video streaming into a cohesive digital landscape. However, I can acknowledge that creative processes can’t happen in a vacuum. While my design explores an ideal user experience, high-impact UX must always align with business objectives. My goal was to treat this redesign as a strategic solution that optimizes user engagement and promotes exposure for underutilized catalog rights, rather than just a visual exercise. Merging Libby and Kanopy wasn't only about simplifying things for the user, it was a realistic look at how consolidating sister applications could eliminate redundant operational overhead, unify data pipelines, and streamline platform management for OverDrive.

This project strengthened my ability to:

  • Frame ambiguous problems into clear product opportunities by identifying the gap between Libby and Kanopy, transforming similar workflows into a unified media ecosystem.

  • Balance user needs with business strategy and technical feasibility by studying how major streaming apps handle content, ensuring this new hub works realistically with OverDrive's existing setup.

  • Translate complex workflows into scalable product concepts by simplifying high-cognitive-load mechanics, such as cross-library holds and blind searches, into an effortless, discovery experience.

Want to see more of my work?

The collaborative turn in AI

Designing real-time collaboration inside ChatGPT so teams can think, build, and iterate together in one shared environment

The collaborative turn in AI

Designing real-time collaboration inside ChatGPT so teams can think, build, and iterate together in one shared environment

Rethinking the housing search

An end-to-end housing platform concept addressing common pain points in off campus housing at U of M.

The collaborative turn in AI

Designing real-time collaboration inside ChatGPT so teams can think, build, and iterate together in one shared environment

The collaborative turn in AI

Designing real-time collaboration inside ChatGPT so teams can think, build, and iterate together in one shared environment

Available for work

Let’s create something great together.

I'm not just here to design products, I'm here to connect with people.