Skip to Content

Illustrate

Creating websites that foster patron engagement, enhance civic pride, and position public libraries as vital cultural hubs

Explore our library offering by different focus modes covering our experience, accessibility, values and service level, as well as decisions about technology and data.

You are in
Illustrating the Vibrance and Vitality of Public Libraries Contact Us

Selected Public Library Projects

scls logo

Somerset County Library System New Jersey

The Somerset County Library System of New Jersey (SCLSNJ) is a vibrant, multi-branch system serving the diverse communities of Somerset County. With seven branches serving a diverse population of around 200,000 patrons with hundreds of events each week, and extensive collections and programs for all ages, the library needed a website that matched the scale and quality of its services.

image relating to the Somerset County Library System New Jersey case study View Project Details
Logo for revitalizing-kent-county-public-library-a-dual-approach-to-engagement

Kent County Public Library

Kent County Public Library approached us with a dual challenge: to reconnect with a diverse community through an equitable, vibrant brand and to address a lack of fresh content caused by an outdated CMS. Our goal became clear—to create a welcoming, inclusive identity and an intuitive digital experience that repositions KCPL as a modern cornerstone of community engagement.

image relating to the Kent County Public Library case study View Project Details
Logo for craighead-county-jonesboro-public-library

Craighead County Jonesboro Public Library

A service-forward library with rural, town and city branches needed to have a library website that speaks to patron needs, invites engagement, and shows the greater community the value of their public library

image relating to the Craighead County Jonesboro Public Library case study View Project Details
Logo for greenfield-public-library

Greenfield Public Library

GPL had an incredible physical space, but the library’s visual identity and online presence didn’t reflect its role as a calm, creative community hub. The old brand felt disconnected from the actual library experience—a place that was both intentional and welcoming, especially with its surprising outdoor garden and inviting architecture. GPL needed a new way to express who they were, starting with their brand and digital home.

image relating to the Greenfield Public Library case study View Project Details
Logo for cedarburg-public-library-a-brand-that-connects-to-its-patrons

Cedarburg Public Library

Cedarburg Public Library needed a website and brand identity that would reflect its inventive programming, deep ties to the arts, and strong commitment to service. The challenge was to create a site that honored the library’s distinctive personality while making programs, resources, and unique offerings like a radio station and podcast more accessible and engaging for all patrons. The site also needed to include robust tools for event registration, space reservations, and content management—tailored to the real needs of library staff and users alike.

image relating to the Cedarburg Public Library case study View Project Details
Logo for milwaukee-public-library

Milwaukee Public Library

Byte has been working as a long term partner with Milwaukee Public Library (MPL) and watched the library become a more modern, creative and dynamic library, with its website and digital outputs being considered its 14th branch.

image relating to the Milwaukee Public Library case study View Project Details
Logo for wfb-public-library

Whitefish Bay Public Library

Whitefish Bay Public Library commissioned Byte to build a site that was focused on delivering quality librarianship through discovery and to their patrons and the community. With a strong patron base and a newly designed logo, WFBPL wanted to create an online experience that would engage users, showcase its dynamic offerings, and allow staff full content control—without compromising visual identity.

image relating to the Whitefish Bay Public Library case study View Project Details
Logo for shorewood-public-library

Shorewood Public Library

Shorewood Public Library (SPL), a high-traffic community hub with programming for all ages, wanted a site that reflected their inclusive values, supported tech-savvy growth, and brought their vibrant in-person presence online. With curated booklists, robust blog content, and a loyal readership, they needed a clean, intuitive site that could adapt with them—and work across all devices.

image relating to the Shorewood Public Library case study View Project Details
scls logo

Somerset County Library System New Jersey

Data Search and Discovery Content Strategy Database Development Web Design Branding

The Somerset County Library System of New Jersey (SCLSNJ) is a vibrant, multi-branch system serving the diverse communities of Somerset County. With seven branches serving a diverse population of around 200,000 patrons with hundreds of events each week, and extensive collections and programs for all ages, the library needed a website that matched the scale and quality of its services.

Steps We Took:

We began with deep audience segmentation—defining 30 audience types grouped by age, goal, and affinity—to shape a robust content strategy and hierarchical site structure. We prototyped dynamic landing pages, reimagined engagement-driven layouts, and built features that enabled users to personalize their experiences by branch, age, and interest. Collaborating closely with SCLSNJ’s IT team, we integrated the site with CARL ILS, LibCal, and EBSCOhost, while designing a vibrant, motion-driven digital brand system. From personalized event filters to an elegant, expandable footer sitemap, every detail was crafted to support discovery, delight, and inclusion. The final site is a bold reimagining of what a library site can be—modern, modular, and deeply human.

View Full Case Study
Logo for revitalizing-kent-county-public-library-a-dual-approach-to-engagement

Kent County Public Library

Branding Content Strategy Data Search and Discovery Web Design

Kent County Public Library approached us with a dual challenge: to reconnect with a diverse community through an equitable, vibrant brand and to address a lack of fresh content caused by an outdated CMS. Our goal became clear—to create a welcoming, inclusive identity and an intuitive digital experience that repositions KCPL as a modern cornerstone of community engagement.

Steps We Took:

We began by conducting stakeholder interviews to understand KCPL's goals and challenges, followed by an in-depth analysis of their diverse audience base to identify key demographics and their needs. An audit of the library’s existing branding and digital presence revealed gaps in both functionality and appeal. Using these insights, we defined KCPL’s core values—equity, inclusivity, and engagement—and developed thematic concepts and mood boards to explore potential directions for the rebrand. This foundational work ensured a strategic, audience-focused approach to revitalizing KCPL’s identity.

As the project manager for our site, I was incredibly grateful for how organized and responsive Byte was throughout the whole project. Not only did they address our concerns, but they gave us great structure to prepare our site to house all the different elements we wanted. Our branding was incorporated throughout the design of each page and Byte encouraged us to think about what kind of model for our website we wanted to focus on: service, community, etc By the time it was time to actually build the site and put in our content, 80% of the site was already complete from all of the prep work that Byte guided us through including site maps, page naming and clear mapping from our previous site to the new one.

- Natalie Hagan, Director of Technical Services

View Full Case Study
Logo for craighead-county-jonesboro-public-library

Craighead County Jonesboro Public Library

Web Design

A service-forward library with rural, town and city branches needed to have a library website that speaks to patron needs, invites engagement, and shows the greater community the value of their public library

Steps We Took:

We began by mapping the full spectrum of CCJPL’s audiences—demographics like kids and seniors, affinity groups like gamers and animal lovers, and needs-based users like homebound patrons and researchers. With this in place, we conducted a content audit and mapped the required content into structured, goal-driven site maps. We iterated through navigation themes that could highlight both the everyday services and the delightful surprises (like Norbert the bearded dragon). Wireframes were used to fine-tune content density and organization, ensuring clarity without overwhelming the user. We then expanded the brand’s voice and tone across visual elements, icons, and microinteractions to reflect CCJPL’s playful, welcoming, and deeply rooted presence in the region

I’m unsure of how to start this testimonial, except that Michael is a part of my circle now, and I will forever be a promoter of him and his team. As a natural storyteller, let's take you on the journey of how I came to this conclusion. I personally have a graphic design background and just enough web design background to be dangerous. I initially did not want to use Byte. I thought it was a risk, and I didn’t feel confident that they could handle the challenge of producing our dream website. (Our former website could only be compared to a GeoCities website from the 1990s.) I was outvoted. Quickly, I realized that I had been wrong, and we got the right company/team to work with us on this project. As the graphic designer of the library system at the time, I spent a lot of time hands-on working with Michael and his team. Michael and his team did a great job of taking the websites we were flirting with (yes, I said flirting with) and turning our favorite features into beautiful elements on the new site. They were very hands-on with helping cultivate our wishlist, setting realistic expectations, and then exceeding them. They handled the rotation of staff members involved in the project gracefully and respectfully. Although I left the library before the project was completed, what was created was precisely our vision. It has personality, structure, easy navigation, beauty, and vibrance. This website will last years to come and is a much-needed upgrade to my community’s library system.

- Mandy Bashaw, Craighead County Jonesboro Public Library

View Full Case Study
Logo for greenfield-public-library

Greenfield Public Library

Branding Database Development Web Design Content Strategy ILS and Collections Management Interfaces, Federated Databases

GPL had an incredible physical space, but the library’s visual identity and online presence didn’t reflect its role as a calm, creative community hub. The old brand felt disconnected from the actual library experience—a place that was both intentional and welcoming, especially with its surprising outdoor garden and inviting architecture. GPL needed a new way to express who they were, starting with their brand and digital home.

Steps We Took:

We started with immersive research—visiting the library, walking through its garden, and observing how people used the space. The theme of “trusted oasis” came naturally from those visits and shaped both our brand exploration and our content approach. We collaborated closely with the library through a wide-open ideation phase, sharing many early sketches and abstract directions to help the team see possibilities before narrowing in. The final logo lives in the space between literal and symbolic—designed to evoke ideas more than depict them. On the web side, we prioritized simplicity, warmth, and ease: getting people to what they need quickly, while showing glimpses of the creativity and care behind the scenes. The result is a site (and brand) that invites users in and reflects the heart of GPL’s physical and philosophical space.

View Full Case Study
Logo for cedarburg-public-library-a-brand-that-connects-to-its-patrons

Cedarburg Public Library

Cedarburg Public Library needed a website and brand identity that would reflect its inventive programming, deep ties to the arts, and strong commitment to service. The challenge was to create a site that honored the library’s distinctive personality while making programs, resources, and unique offerings like a radio station and podcast more accessible and engaging for all patrons. The site also needed to include robust tools for event registration, space reservations, and content management—tailored to the real needs of library staff and users alike.

Steps We Took:

We began by identifying CPL’s core audiences through a combination of demographic, interest-based, and needs-based segmentation—uncovering key groups like artists, news lovers, job seekers, and non-native English speakers. From there, we conducted a full content and search audit to align information architecture with patron needs. We explored multiple site map models and wireframed essential pages to test structure, hierarchy, and density. Visually, we took cues from Cedarburg’s artistic legacy—using the city’s plein air history as inspiration for a design system that feels creative, open, and rooted in community. This process allowed us to translate the unique spirit of CPL into a site that’s as expressive and welcoming as the city it serves.

View Full Case Study
Logo for milwaukee-public-library

Milwaukee Public Library

Content Strategy Application Development Proofs-of-Concept Applications or Apps Data Search and Discovery ILS and Collections Management Interfaces, Federated Databases Web Design Kiosk / Touchscreens Database Development

Byte has been working as a long term partner with Milwaukee Public Library (MPL) and watched the library become a more modern, creative and dynamic library, with its website and digital outputs being considered its 14th branch.

Steps We Took:

We started by rethinking what a large urban library website could be. That meant creating a flexible structure for the core collections and materials—but also treating services, events, blog content, and special collections as first-class citizens on the site. We layered in features like dynamic calendars, geo-based service maps, and blog tools to showcase librarian expertise. Content strategy focused on storytelling and discovery: how could we help users feel the scale of the library’s work without overwhelming them? We also built with data in mind—designing systems that could support open data goals and make MPL’s work reusable in civic tech and community projects. Every step of the way, the site needed to reflect MPL’s ambition, reach, and heart.

I can’t tell you how much we appreciate your expertise and enthusiasm for the library. In 33 years at MPL I can honestly say hiring Byte was one of the best decisions we ever made.

- Christine Murphy

View Full Case Study
Logo for wfb-public-library

Whitefish Bay Public Library

ILS and Collections Management Interfaces, Federated Databases Web Design Data Search and Discovery

Whitefish Bay Public Library commissioned Byte to build a site that was focused on delivering quality librarianship through discovery and to their patrons and the community. With a strong patron base and a newly designed logo, WFBPL wanted to create an online experience that would engage users, showcase its dynamic offerings, and allow staff full content control—without compromising visual identity.

Steps We Took:

We began by segmenting audiences and outlining key goals—like discovering events, reserving spaces, and accessing collections—to inform a need-based content strategy and sitemap. Our wireframes explored content structure and visual hierarchy, followed by multiple design directions that brought their new logo to life through playful brand extensions and animations. We built an intuitive CMS to support evolving content needs and integrated a robust events system with registration, notifications, and administrative tools. Every detail, down to animated logo elements, was designed to support WFBPL’s mission to “Excite Your Mind!”

Whitefish Bay Public Library worked with Byte to redesign our website. Byte had worked with a number of libraries before working on our project, and they had a strong understanding of library services right from the beginning. They were able to take that understanding, and translate that into a site that fits our needs and the needs of our library patrons.

Byte spent time getting to know us, as well as our brand, and they did a wonderful job of translating that into our site. The site that Byte designed was a huge improvement over our previous site. The new site is very engaging and library focused.

Each step of the way, Byte made sure that the website matched our vision and helped to steer when we required guidance. It's been a few years since we first launched our site, and I'm so glad we chose to work with Byte on this project. They've continued to offer excellent service and respond to our changing needs. The content management software is very easy to use so that any staff can be easily trained to make updates. With our site from Byte, we've been able to offer so many ways for discovering new books and authors including a list of new materials featured right on our homepage as well as booklists that link right to the catalog. Overall it's been a great experience and I'm extremely proud of the site that Byte designed, developed and built for the library.

- Scott Lenski

View Full Case Study
Logo for shorewood-public-library

Shorewood Public Library

Data Search and Discovery Database Development Web Design Content Strategy

Shorewood Public Library (SPL), a high-traffic community hub with programming for all ages, wanted a site that reflected their inclusive values, supported tech-savvy growth, and brought their vibrant in-person presence online. With curated booklists, robust blog content, and a loyal readership, they needed a clean, intuitive site that could adapt with them—and work across all devices.

Steps We Took:

SPL’s site became a proving ground for our modern library design approach. We explored multiple sitemap directions before landing on a human-centered navigation—“Discover | Explore | Grow | Connect”—supported by a mega-menu for intuitive access to all content. We built the original site in 2014 and, after its success, upgraded it in 2018 to retain the visual design while improving CMS functionality. The results proved vital in 2020 when site visits and engagement soared during the pandemic. Small but thoughtful features, like a dynamic hours pane, became so integral that they’ve since been replicated across all our library projects.

View Full Case Study

Our Library-Focused Tools for Patron Engagement

We create independent or integrated tools for patrons and visitors to help libraries showcase the width and depth of their organization.

View All Tools Show Less Tools

Book Lists

Create book lists around audiences, interests, librarian favorites, etc. Can be books, e-books, DVDs and other non-book materials.

image representing the book-lists tool.

Create book lists around audiences, interests, librarian favorites, etc. Can be books, e-books, DVDs and other non-book materials.

Features

  • Lists by age group, interests, events, etc.
  • Shows book covers and flips to description
  • Can link to catalog or ebook vendor or online location

Admin features

  • ISBN lookup for quick lookup

Integration features

  • Appears on any page via page editor element by site tags
  • Appears on kids / teens pages via audience tags
  • Appears on pathfinder pages via subject tags

Events

Events, including events calendar with list and month view, individual event pages, start and end dates and more.

image representing the events tool.

Events, including events calendar with list and month view, individual event pages, start and end dates and more.

Features

  • Unlimited events, event pages, with descriptions, images
  • Ability to share and add to visitor's calendar
  • Month and list view calendar
  • Site tags filtering for audiences or subject tags

Admin features

  • Create an event on one or multiple dates

Integration Features

  • Appear on home page, kids / teens pages, other pages as buckets or event feeds
  • Automatic space reservations for events in a library space

Pathfinder Pages

Build a series of institutional or librarian-created "start here" pages.

image representing the pathfinder-pages tool.

Build a series of institutional or librarian-created "start here" pages.

Features

  • Pathfinder pages can be created for any subject
  • Will show latest blog posts, book lists and events tagged with that site tag

Admin features

  • Easily upgrade any site tag into pathfinder pages by just adding introductory text

Integration features

  • Tag any blog posts, book lists, events and more to have them appear on that tag's pathfinder page

Event Registrations

Event reservations including wait lists, maximum spaces, reservation guests, event notifications via email, event lists and actions and more.

image representing the event-registrations tool.

Event reservations including wait lists, maximum spaces, reservation guests, event notifications via email, event lists and actions and more.

Features

  • Allow patrons to register for events
  • Event reminders, with quick modify / cancel links
  • Wait list and notification system
  • Allows registrations only between open and close reservation dates

Admin features

  • Email registrants specific reminders
  • Cancel or manage registrations
  • Create max capacity and manage wait lists

Integration features

  • Allows people to have accounts to see upcoming registrations

Blogs

Blogs (or news) are an explorable and taggable yet ephemeral way to communicate programs and events, and have can be added to other pages and tools.

image representing the blogs tool.

Blogs (or news) are an explorable and taggable yet ephemeral way to communicate programs and events, and have can be added to other pages and tools.

Features

  • Allows librarians to update users on the latest going-ons
  • Uses both local blog tags and global site tags for subjects and audiences
  • Optional authors (or could be "Library Staff")

Admin features

  • Publish on date
  • Identify shelf life by end dates

Integration features

  • Populates kids, teens audience pages
  • Populates pathfinder pages
  • Promoted on home page, site buckets

Spaces

Describe and display special spaces within your library such as study, collaboration and meeting spaces

image representing the spaces tool.

Describe and display special spaces within your library such as study, collaboration and meeting spaces

Features

  • Patrons can explore photos and details of spaces in the library
  • Filter spaces by purpose
  • Find spaces that offer equipment
  • Understand the library's policies and rules on each space

Space Reservations

Full space reservations system, including space hours, min/max reservations timing, reservations approvals for meeting rooms, etc.

image representing the space-reservations tool.

Full space reservations system, including space hours, min/max reservations timing, reservations approvals for meeting rooms, etc.

Features

  • Patrons can reserve a space online
  • Email notifications give quick link to cancel space reservation
  • For spaces needing admin approval, any number of questions can be asked on signup

Admin features

  • Manage space reservations
  • Track usage by branch and space
  • Approve reservations in 

Integration features

  • Works with on-site kiosks
  • Events can auto-reserve spaces

Staff and Board

Show personality and expertise through staff profiles

image representing the staff-and-board tool.

Show personality and expertise through staff profiles

Features

  • Staff landing pages grouped by department, with links to individual staff pages
  • Board landing pages, including emeritus positions
  • Staff and board pages can include bios, favorite books, and Q and As
  • Show as little or as much about each librarian as they like

Admin features

  • Manage staff in the databases section, including new images, statuses, etc.
  • Easily remove staff as needed

Integrations

  • Some themes promote a featured staff person on the home page
  • Some themes promote a specialized staff person on specialized pages, like kids or teens

Eresources

Dynamic list of Eresources the library provides, including an explorable interface, search integration, and availability on home, pathfinders and other pages.

image representing the eresources tool.

Dynamic list of Eresources the library provides, including an explorable interface, search integration, and availability on home, pathfinders and other pages.

Features

  • Appears in easily explorable interface
  • Filter by any subject category
  • Link directly to e-resource

Admin features

  • Manage e-resources, including logo, feature state, description, etc.

Integration features

  • Appears in search
  • Featured resources appear on home
  • E-resources appear on other pages based on site tags

Podcasts

Load from your podcast provider's RSS feed for an on-site embed, and include in site search.

image representing the podcasts tool.

Load from your podcast provider's RSS feed for an on-site embed, and include in site search.

Meeting and Minutes Manager

Have a simple, clear database of meetings, meeting minutes, youtube or other video/audio embeds and other documents related to each meeting.

image representing the meeting-and-minutes-manager tool.

Have a simple, clear database of meetings, meeting minutes, youtube or other video/audio embeds and other documents related to each meeting.

Features

  • Make meeting minutes easily available as inline or PDF
  • Make meeting video or audio embeds easily viewable

Admin features

  • Add and manage meeting minutes
  • Add and manage meeting video or audio embeds

Integration features

  • Database in exportable format for future integrations

Alert Messages

Alert messages keep users up to date with any potential closings, emergency information, or important announcements.

image representing the alert-messages tool.

Alert messages keep users up to date with any potential closings, emergency information, or important announcements.

Features

  • Start and end dates
  • Timeline view for easy management
  • Multi type messages: closing, emergency, announcement

Campaigns

Make site promotions easy by having a large campaign on the home page, including start and end dates and clear places for text, images and links.

image representing the campaigns tool.

Make site promotions easy by having a large campaign on the home page, including start and end dates and clear places for text, images and links.

Features

  • Start and end dates
  • Status options to save as draft or publish 
  • Ability to arrange order of campaigns 
  • Timeline view to easily manage and plan content 

 

Partnering with public libraries to design meaningful and impactful digital experiences

image of young adults gathered around tablet device
image representing the kent-county-public-library tool. image representing the cedarburg-public-library tool. image representing the somerset-county-library-system tool. image representing the rutland-free-library tool. image representing the roselle-public-library tool. image representing the medical-college-of-wisconsin tool. image representing the the-walters-art-museum tool. image representing the milwaukee-public-library tool. image representing the greenfield-public-library tool. image representing the whitefish-bay-public-library tool. image representing the shorewood-public-library tool.

Our Admin Tools for Improving Librarianship

We creating tools with librarians in mind so they can easily manage content and develop a curatorial library voice that connects with patrons

View All Tools Show Less Tools

Digital Asset Manager

Invest into your images and assets library to help all site editors

image representing the digital-asset-manager tool.

Invest into your images and assets library to help all site editors

Admin features

  • Initialize any image or file that could be useful in the future
  • Give the image a name and pre-filled alt text to make accessibility easier for others
  • Assign tags to make filtering images easy, like child, storytime, outdoors
  • Filter images by size, orientation, directory, date and usage

Integration features

  • Used for all admin image or file tools, making any initialized file quick and easy for all administrators

Branch Manager

This option gives the site a locations page and separate hours per branch.

image representing the branch-manager tool.

This option gives the site a locations page and separate hours per branch.

Database Editor

Consistent management of all different types of data, with switchable views, filtering and editing capabilities

image representing the database-editor tool.

Consistent management of all different types of data, with switchable views, filtering and editing capabilities

Consistent management of all different types of data, with switchable views, filtering and editing capabilities

ILS/OPAC Connections

Connect the catalog to the website, depending on ILS capabilities

image representing the ils-opac-connections tool.

Connect the catalog to the website, depending on ILS capabilities

When possible, we make connections to your ILS/OPAC to keep content on the library website rather than shipping off site visitors onto the catalog page. Libraries are more than just books and keeping them onsite allows people to see the width and depth of offerings available at the library.

Site-wide Tags

Showcase the library's e-resources and databases

image representing the site-wide-tags tool.

Showcase the library's e-resources and databases

A series of closed and open taxonomies to help organize and manage content such as book lists, e-resources and more.

Site Users

User accounts to allow people to see their and previous events registrations or space reservations. (Requires Event Registrations or Space Reservations)

image representing the site-users tool.

User accounts to allow people to see their and previous events registrations or space reservations. (Requires Event Registrations or Space Reservations)

Empowering librarians with tools to strengthen their craft and amplify the library’s curatorial voice

image of young aduls gathered around laptop with librarian helping

I’m unsure of how to start this testimonial, except that Michael is a part of my circle now, and I will forever be a promoter of him and his team. As a natural storyteller, let's take you on the journey of how I came to this conclusion. I personally have a graphic design background and just enough web design background to be dangerous. I initially did not want to use Byte. I thought it was a risk, and I didn’t feel confident that they could handle the challenge of producing our dream website. (Our former website could only be compared to a GeoCities website from the 1990s.) I was outvoted. Quickly, I realized that I had been wrong, and we got the right company/team to work with us on this project. As the graphic designer of the library system at the time, I spent a lot of time hands-on working with Michael and his team. Michael and his team did a great job of taking the websites we were flirting with (yes, I said flirting with) and turning our favorite features into beautiful elements on the new site. They were very hands-on with helping cultivate our wishlist, setting realistic expectations, and then exceeding them. They handled the rotation of staff members involved in the project gracefully and respectfully. Although I left the library before the project was completed, what was created was precisely our vision. It has personality, structure, easy navigation, beauty, and vibrance. This website will last years to come and is a much-needed upgrade to my community’s library system.

- Mandy Bashaw, Craighead County Jonesboro Public Library

Project Timeline

While we have a standard project timeline, each project is different and this gets modified to suit the project and client’s needs. Because we don’t know enough of the STPL project yet, we’ll show a recent project that contained these four phases:

image of overview project timeline with 4 main phases and tasks within

Our Process

Discovery & Strategy

This phase included the discovery process where we understand audiences, use cases, and personas, and started to explore content needs as well as auditing any data or content already available for the project. Then, we explore site maps to organize content for the site

Steps

  1. Understanding the Objectives
  2. Understanding Audiences & Goals
  3. Content Audit and Mapping
  4. Comparative & Industry Research
  5. Site Map Theme Explorations

Deliverables:

  • Audience & Content Strategy Document
  • Site Map Themes

Information Architecture

This phase includes site wireframes which focuses on defining which content should exist on key pages and focusing on content hierarchy, density, and layout of the site. 

Steps

  1. Defining Home Page Wireframe
  2. Defining Template Page Wireframe (Secondary & Tertiary)
  3. Defining Special and Data-source driven pages

Deliverables:

  • Home Page Wireframe
  • Deeper Level Pages Wireframe
  • Special Page Wireframes

 

Design

The design phase starts with mood boards and brand discovery, moving into concepts that shape a larger vision. We explore multiple directions, then refine and iterate—sharing rough or polished designs as clients prefer. Finally, we adapt across screens and pages and complete the design system.

Steps

  1. Brand representation through wordage & mood boards
  2. Early site designs
  3. Final design with grand vision
  4. Solutions for all screen sizes

Deliverables:

  • Word / Mood Boards Discovery
  • Early Competing Site Designs
  • Final designs for all pages
  • Responsive Design

Build & Testing

We build the site from the final design—coding, testing across devices, and setting up the CMS. Content is imported, features added, and clients trained on a staged site. After thorough testing and validation, the site launches smoothly, followed by ongoing support, updates, and check-ins.

Steps

  1. Front-end Programming
  2. Data Integration and Back-end Programming
  3. Accessibility Testing 
  4. CMS & Tool Build
  5. Site & CMS Tour
  6. Data & Content Entry 
  7. Issues
  8. Go Live Checklist

Deliverables

  • Responsive Site 
  • CMS with Issues System

Showcasing the vitality and vibrancy of libraries online to drive greater patron engagement and deepen their impact within the community

image of a group of staff adults standing together

I can’t tell you how much we appreciate your expertise and enthusiasm for the library. In 33 years at MPL I can honestly say hiring Byte was one of the best decisions we ever made.

- Christine Murphy

Accessibility isn’t an overlay or a checklist, it's a commitment to every patron and site visitor. Accessibility is how we build sites, along with the tools and support to help a library's long term commitment to trust and inclusivity for everyone.

image from aerial view of group of adult professionals working on project with laptops and paper documents
1 in 4 adults in the U.S. lives with some form of disability and there are many accessibility features that benefit everyone. At some point in life, every person benefits from accessible design — whether due to aging, temporary injury, low vision, or simply needing content in a quieter setting. By investing in accessibility, you’re investing in everyone in your community.

ADA Title II Digital Accessibility Process

The impending deadline for ADA compliance isn't a finish date, it's a start date. Just mitigating issues won't last long. We have a system of continuous improvement that helps libraries stay in compliance and connect better with patrons. Steps include:
 

Planning & Strategy

The Title II WCAG rules are the same for everyone, but each library will have a unique method to be compliant and set up continuous improvement. We start our planning with an audience and content assessment that helps us run a strategy session to define and map out how we'll achieve short and long term compliance.

ADA compliance also includes PDFs, audio and video files. While not necessarily housed on the website, we'll need to plan to test and mitigate any issues that arise there. The deadline for ADA compliance depends on the service population:

Larger libraries need to be compliant by April 24, 2026

Smaller libraries (<50k population) need to be compliant by April 26, 2027

Since this is a start date, we don't need to have everything set up, but we have to have a plan for finding, mitigating and opening the doors to new issues visitors might be having.

Audit Tool Setup

An initial content and accessibility assessment happens in the planning phase, but we need to set up a permanent audio system that shows all issues and their resolutions. This audit tool will include every reported issue and validation, as well as the mitigation.

One of the big questions is how the audit tool will be populated, and this depends on the library's needs and technologies. Some libraries use automated tools and community testing via contact forms, others prefer to use more manual inputs, like when someone visits or calls the library to report an issue. In the end, the audit tool is the central registrar of all issues and solutions. Other libraries will want to have external manual testing, and those issues will be added to the audit tool as well. 

Once the audit tool is ready, we'll start adding issues from automatic and manual tests in the next phases. As well, the audit tool can generate an audit trail that can be shared externally, as needed.

Automated Testing

There are multiple tools to help find accessibility issues that need attention. We'll decide on which tools have the most validity for the site, and find any automated ways to continuously check for new issues to add to the accessibility audit. If hosting with us, we'll also be able to employ our own automated tools.

Any time issues are added, we need the ability to validate them and mark the false positives, that way new false positives from automated tools in the same place don't get added. Of course automated tests are no match for the real world usage, so automated tests are only part of the picture.

Manual Testing

Manual testing can be done by library staff, consultants and by the community at large. Any issues found in manual testing can be added to the audit tool and then mitigated later on. There are many ways issues can be added, including:

Library staff often have hands-on connections with patrons in lab computers, and will see a patron struggling with a library page or tool, and will have the ability to replicate the issue later on to add to the audit tool.

External consultants that specialize in site accessibility audits can be given the ability to add issues, or can add them via a spreadsheet CSV.

Community input like "bug bounty" pages that give gift certificates for valid issues the community find, and those issues can be added via a contact form.

Communication & Input

We see two key elements of compliance are about how you communicate the library's accessibility intentions and how you invite the community to connect to you.

Communicate accessibility intensions -- the library wants to make it clear that accessibility is important and to give visitors a chance to report an issue. Many libraries have accessibility statements in the footer of the site, or on a page. While accessibility statements can be seen as performative, we find them worthwhile if there's something actionable that can be done about any issues.

Invite input -- be it via an email, contact form, in person, etc. These actionable reports are vital because the library will learn about any issues it didn't discover through automated or manual testing. Responding to all patron input is a good idea, and helps the patron know they are valued.

Training

While many accessibility issues are infrastructural, and difficult for staff to manage, in the end most of the issues are going to be content related, which is managed by library staff. Our CMS has a site health tool that dovetails into the accessibility audit tool and can help staff find and solve content accessibilities. As well, our digital asset management system has accessibility options built in for images, so when someone saves alt tags or captions, they'll be used anywhere that image is used.

We'll help train a point person or all editors on best practices, and be available for testing and mitigation. We will monitor our issues system and the audit tool to help recommend better ways to solve accessibility issues. 

Front End Accessibility Tools

Keyboard Navigation

A feature that enable individuals to navigate and interact with websites using only the keyboard or screen reader software

image representing the keyboard-navigation tool.

Font Size

Larger text size available for those who need larger letters via the accessibility interface or the browsers' zoom tools

image representing the font-size tool.

Highlight Links

For users with poor vision, this feature adds additional styles which offer a better opportunity for perceiving hyperlinks

image representing the highlight-links tool.

Language

Integrated language translator allowing site visitors to convert full site into language of choice. Supported by Google

image representing the language tool.

Desaturated Mode

Color can not be the only means of conveying information.

image representing the desaturated-mode tool.

Contrast

Increase text contrast across the entire site to help with readability

image representing the contrast tool.

A truly accessible site depends on the people who update it.

    We train your team to:
  • Write meaningful alt text for image
  • Use headings, lists, and tables with semantic meaning
  • Avoid text-in-images trap
  • Check contrast and readability
  • Build content that works across devices and contexts
image of...

Back End Admin Accessibility Tools

Digital Asset Manager

Invest into your images and assets library to help all site editors

image representing the digital-asset-manager tool.

Alt Tags & Data

Used to explain what is happening or what an image represents and good for SEO

image representing the alt-tags-data tool.

Site Health Tracking

Solve usability and accessibility issues by finding missing links, images without alt accessibility tags, and oversized images

image representing the site-health-tracking tool.

Unintended Advantages of Good Accessibility

Better accessibility is always a good idea, and helps in a myriad of ways beyond helping the most affected visitors.

Search engines will make better sense of your content, driving more traffic

More useful keywords will be found by visitors using search

Translation tools will be able to better understand the context of a page’s content

AI can be useful for summaries and as an alternative to search engines

Standards & Testing

We follow standards set by the Web Content Accessibility Guidelines (WCAG) who focus on setting standards worldwide to ensure digital equity.
We help test your site for WCAG 2.1 AA compliance, or whichever standard applies to your library.
image of...

A Note on Accessibility Overlays

Considering a third-party accessibility overlay? Before investing, explore the limitations and risks:
Should I Use An Accessibility Overlay?

Our Values

Privacy

Preserving privacy in libraries is essential for safeguarding freedom of inquiry, and we rely on tools and systems that prioritize visitor privacy and data protection. Good librarianship has us dismantling Google Analytics, Meta Pixels and sales tracking,

image representing the privacy tool.

Preserving privacy in libraries is essential for safeguarding freedom of inquiry, and we rely on tools and systems that prioritize visitor privacy and data protection. Good librarianship has us dismantling Google Analytics, Meta Pixels and sales tracking, and instead using open source tools where the data is kept safe and only used by the library

Privacy is a vital tenet for libraries, and Article VII of the ALA’s Library Bill of Rights protects true freedom of inquiry. ALA’s guidelines say that “when users recognize or fear that their privacy or confidentiality is compromised,” that freedom of inquiry is lost.

Libraries need to collect visitor data to see usage trends, make cases for funding, quantify partnerships, and report numbers to boards, staff and municipalities. Tracking usage is technically easy, but leaves patron data identifiable, and the numbers can be wildly off as it’s difficult to detect which traffic is bot-driven and what is human. So libraries usually rely on vendors for analytics, most of the time from Google Analytics, which is free and makes the tracking data non-identifiable.

But then we have a Google problem. In the last year alone, California, Arizona, Illinois and then a 40-state coalition have reached class action settlements with Google on direct violations of people’s privacy. As the world understands today, “if you’re not paying for a product then you’re the product”, and Google’s cash cow is identifying people and showing them ads. Even if Google isn’t being evil with the library’s data, people perceive it as a privacy failure, and that falls within the “fear that their privacy…is compromised” from the ADA guidelines.

Libraries have had issues with vendors intentionally or accidentally giving identifiable information away. In 2014, some libraries were using an Adobe ebook lending product and researchers found Adobe had collected and sent identifiable and personal information, fully unencrypted, which Adobe tried to explain away as license requirements. This becomes a problem when anyone in a coffee shop could scan the WIFI and find exactly what somebody was reading. Should this person be a bad actor, this has some real world implications for the reader, be it stalking or phishing, etc. The stakes go up when the reader is a journalist or community leader, and the bad actor can use library data to silence her voice.

For libraries that use vendors, it’s crucial for libraries to be fully aware of the information vendors collect, and audit that the information isn’t being misused. The better solution is to use on-site or self-hosted, open source analytics suites like Matamo or Umami, or paid providers who have clear privacy policies and use aggregated data. These involve an investment to set up and fine tune, and may need staff time to interpret the analytics these tools provide. The advantage is that we’ll have a library-owned system that tracks better information and truly respects the visitor’s privacy.

Universal Search

It’s very common for library websites to have separate search systems for catalog, site and other resources, and the visitor has to choose which before they start. This creates silos of information that keeps people from connecting all the library does. U

image representing the universal-search tool.

The lack of universal search on websites, even modern ones, limits the ability to connect users with valuable library resources beyond the catalog. Despite technical challenges and institutional changes required, universal search should be a primary focus for new library websites to enhance user experience and expand access to diverse information.

It’s very common for websites, even ones built today, to have a pattern where an online patron needs to choose where they want to search, and often defaulting to the catalog. While the catalog is the primary use case, we’re missing so many opportunities to connect people with the library by sending them, by default, off to the OPEC and never to return.

The other choices for search vary by library, but often includes the site, collections and sometimes even events. If someone looks up “Judy Bloom” or “Goodnight Moon” or “science fiction”, wouldn’t they also want to know about the teen events, story times, or science fiction book clubs? Wouldn’t they also want to see book lists that cover coming of age or bedtime or cyberpunk novels? Not only would the patron love this, it fits into the promotional efforts of any library’s marketing efforts.

So if both patrons and the library want it, why isn’t universal search common? The first reason is that it’s hard. Some ILS vendors don’t have API capabilities. Some library systems are afraid ILS data would include patron details and therefore break privacy. It’s also technically difficult to actually collect that information and then make sense of it all. Ranking systems that work for people have to be created, and search has to be made fast and include features like autocomplete and spell checking.

The second reason is that it’s an institutional change that requires institutional investment. It requires working with vendors, testing the data, re-thinking patron assumptions and tinkering with the algorithms. And universal search takes a commitment to make it better over time, to find search terms that areoutdated, to test with patrons and to sift through analytics to find meaning.

When we first saw a library’s universal search go live a decade ago, we saw it as a great feat and one of the biggest aha moments in online libraries. But it’s been a decade, and despite the technical and human roadblocks, universal search should really be the first order of business on a new website

Open Data / Source

Open data is a way of opening up a library or institution’s non-sensitive data to be useful to other organizations, applications or people, usually in ways the data creator or manager didn’t imagine. Open data drives data visualizations, analysis, applica

image representing the open-data-source tool.

Byte has been on the forefront of the open data / licensing movements, is a founding member of the Open Data Initiative, and has presented open data concepts to both tech groups and civic organizations, including co-presenting with American Civil Liberties Union’s national senior policy advisor on technology at the University of Wisconsin - Milwaukee.

The Walters Art Museum in Baltimore holds a plethora of collections data, including a growing digitization of their world-renowned manuscript collection. We helped show them how their open licensing and data could create a manuscript exploration website that went on to win a gold MUSE award and was presented at the Best in Heritage conference in Dubrovnik.

We also helped the University of Pennsylvania use many other institutions' manuscript data, including The Walters’, to build a new manuscript portal that included a quire explorer that helps scholars, researchers and artists understand the inner workings of manuscript binding.

We help organizations manage connections between open databases and their own databases. For example, we helped Mount Vernon create their ARGO Revolutionary War maps exploration tool by mixing open data and their own custom curatorial data to create better storytelling and curations, and include subjects and other curatorial tagging that was beyond the scope of the original open database.

When possible, we’ll both recommend how a client’s data could be useful and help them set up a repository of their own open data. We also help with integrations across many sets of data, open and closed, and have that data be useful in ways that extend the website’s functionalities and further our clients missions.

We’ve also created our own content management system with integral features around open data and licensing. For example we built our document asset management tool that takes the place of a standard file management system that includes open licensing as part of the storehouse and the search features.

Accessibility

Public libraries were founded and built on open standards and accessibility, and their websites need to be open to everyone. Accessibility isn’t a binary and there is no panacea, but we’ve built accessibility into our practice, our content management syst

image representing the accessibility tool.

In an era where websites are often designed for short-term use and quick turnover, we take a different approach by providing indefinite support to our clients, prioritizing long-term management, growth, and data extensibility through simple, modular tables, targeted frameworks, and proven architectural advantages.

Tim Berners-Lee helped create the web using open standards, and his code, HTML, also made the internet accessible. The HTML code itself has semantic meaning, thus a navigation, an image and caption, or an article all have their own tags. That way a screen reader, search engine or web browser can understand its inherent meaning.

A missed opportunity

Unfortunately, despite widely available standards, most sites are not accessible. It takes developer expertise and content mitigation training, and most website managers are fine with leaving what they assume is a very small population behind. Yet, accessibility needs are not rare at all, around 25% of people have some sort of need at any giventime. Accessibility is also situational and includes people holding a baby in one arm, people who can’t find their glasses, or are drunk, just waking up, or simply distracted. When accessibility is done right on a website, everyone benefits.

Snake Oil

Website managers are starting to understand the value of accessibility, so shady companies are selling the idea that they can fill the gap with “software overlays” that “solve” accessibility. But that doesn’t work. Accessibility needs to be baked into the fabric of the design and code, and into the practice of content management. These overlay companies have been called out as snake oil by librarians and accessibility advocates as being a net negative on actual accessibility.

An investment over time

Of course public libraries are built on open standards and accessibility, and their websites have to go the extra mile, but accessibility isn’t a binary and there is no panacea. A website can always be built to be more accessible, but any inherited content like blogs or events will take time to mitigate, like adding alt tags and making headlines and other content work in an accessible way. We create or find content management tools that help train administrators and contributors practice accessibility, help identify and fix issues, and see their progress over time. Accessibility is a team effort

Our features include

  • Keyboard & Screen Reader Navigation: features that enable individuals to navigate and interact with websites using only the keyboard or screen reader software.
  • WAI-ARIA tags: Backup plans for when the semantics don’t work in a situation
  • Alternative Text: Alt tags are used to explain what is happening or what an image represents. That gives more information to search engines (SEO pretty much requires alt tags).But more importantly, it helps users that require a screen reading digest your content.
  • Color Contrast: for text readability
  • Dark Mode: reduces amount of light emitted from your screen and is extremely helpful for low-light situations for users and their environment
  • Highlight Links: for users with poor vision, this feature adds additional styles which offer a better opportunity for perceiving hyperlinks.
  • Font Sizes: Larger text size available for those who need larger letters
  • Desaturate: Color can not be the only means of conveying information

Info Architecture

Most library sites have a plethora of worthwhile content, and the first job is to find a hierarchy that helps people find and digest the library’s offerings. The second job is to find semantic meaning behind the content and start categorizing it more as a

image representing the info-architecture tool.

In an era where websites are often designed for short-term use and quick turnover, we take a different approach by providing indefinite support to our clients, prioritizing long-term management, growth, and data extensibility through simple, modular tables, targeted frameworks, and proven architectural advantages.

It’s common for companies to build websites to have a 3-5 year life span, and not build for long term management, growth or data extensibility. The case for planned obsolescence is that there is too much entropy in tech and things need to be rebuilt often anyway. Also, more websites means more repeated business.

We have a different relationship with our clients: we support our work indefinitely. This gives us a different business perspective, one where no matter what happens with a site, we’re going to fix it.

In data, it’s common for website builders to merge various types of data into one grand data source, merging schema and relationships into settings and letting the software slice it in ways that can be displayed. Wordpress famously considers all data as basically one data table which is basically impossible to read as a human. When we create a site, we build all the data sources in discrete, simple, modular tables with clear normalization patterns. This makes reading it easy without special tools, and so adding features later on are simpler.

When it comes to code, many developers use the most modern languages, frameworks and practices possible, so-called “green field development.” Not long ago everything was object-oriented, then came object-relational-modeling, then functional programming, etc. More recently there’s the continuous integration and “dev-ops” deployment cycles, and build cycles that compress and “transpile” readable code into unreadable compiled code.

When it comes to our code, we keep things simple and architecture-specific. Every abstraction, every layer, every practice creates a multiplication effect that the future developer or owner will have to sift through. Instead of “modern” practices and frameworks, we use targeted practices and frameworks that are built for the environment the website is going to live in. We need to be able to make direct changes without a complete rebuild of the site. We won’t use frameworks for back-end programming, and we’ll use non-invasive frameworks for the front end like Vue, versus React or Angular.

We use modern processes all the time, but only when there’s a proven architectural advantage. For example, websites are great data providers, and using “JAMstack” is the natural way web servers and browsers work. Websites are also great at holding content, so the modern practice of content publishing makes sense versus content management.

Content Density

Modern public libraries are unique spaces in unique buildings and have unique offerings that make their communities stronger. Even in old buildings, a library’s site design and brand shows the value to residents and patrons, and the more unique and though

image representing the content-density tool.

Our process, from content to design to our content management system, is centered around patron-needs.

A library website is for all its patrons, so the right mix of information and content is important. One common technique in modern design is to wildly simplify the content and information. We find that for a library, it often goes too far, and the trend of oversimplification and a preference for “lowest common denominator” aesthetics can actually work against good UX and messaging goals.

An oversimplified site intentionality leaves visitors with less information, but leaves people thinking there’s little worth exploring. A site that isn’t interesting enough to foster engagement won’t accurately show the value of the library. We call this an anti-pattern as this works against the mission.

A case in point: this image is an example of a new materials list on a library home page:

Image of a new materials list on a library home page

While the design is quite compelling, the visitor is missing details that would improve the experience. The visitor won’t see the media format, recommended age groups, what branch they’d be found at, or if they’re available. The lack of information puts the weight on the four books themselves, which makes it seem like a librarian recommendation when they’re not recommended at all. Oversimplified sites promote less of what The visitor won’t see the media format, recommended age groups, what branch they’d be found at, or if they’re available. The lack of information puts the weight on the four books themselves, which makes it seem like a librarian recommendation when they’re not recommended at all. Oversimplified sites promote less of what the library wants to share, despite how pleasing it is.

Oversimplified design also takes away from the uniqueness of the library. The current design trend is to pare down everything and then apply a thin brand veneer, but we find it tells the patrons that the library is generic and bland, and that’s not the library we know. When between generic and interesting, let’s err on the side of interesting.

There’s an accessibility case to be made for oversimplification. Some people are going to have a hard time with too much information. Since we want everyone to feel welcome, we can also build in a ‘zen mode’ that’s a lot less dense. We would build the choice into an accessibility or preference panel so people can choose their level of density, like “compact”, “cozy” or “comfortable”. That allows the best of both worlds, low- and higher-density designs.

Our best work is where we show the library’s value to its citizens and expand library use. There are plenty of people who think the library is a pre-Google relic and others who think there’s nothing for them at the library (and still others who think the library is political). Better design and clearer communication of the library’s value is the way to change hearts and minds, and that’s the biggest challenge we invite.

While this is our treatise on information density, each website we create will be based on patron needs, library objectives and patron testing. We want to help visitors tap into their curiosity and find the unexpected, and also ensure everyone can find a comfortable and clear way to explore their library.

Search & Discovery

Site search for most sites is about as good as it was in the 90s, basically keyword matching without meaning, and most searchers don’t find what they need. Modern search includes features like segmenting content types, recognizing intent, including releva

image representing the search-discovery tool.

Search systems are continuously being molded as we’re all learning, building and testing ways to better serve site visitors. Rather than acquiesce to the search systems that exist in today's world, we pose libraries to think of the future possibilities of search and be a part of shaping it.

When visitors are looking for something in the library, they often end up talking to a librarian who helps figure out the need behind the query, corrects assumptions, and formats a context around what’s available and where it is. Yet, search on most library websites is surprisingly limited – often separating the catalog entirely from the site results (See: Universal Search) For site searches, the results are a long list of text matches based on keywords more than meaning. These often make the searcher feel that there are no matches, even if there’s a shiny needle deep in the haystack.

We need to go beyond just “search” as it’s not the right pattern for a visitor of a large site. Instead, we need to employ a “search and discovery” pattern to help the visitor make sense of all the potential results.

What can a search and discovery system look like?

  • Merging the catalog, website and other data into one federated search
  • Auto-complete common searches
  • Correct spelling errors
  • Include “did you mean…” or “people also search for…” nearby searches
  • Group results by result type, like events, blog posts, etc.
  • Group catalog items by media or availability
  • Employ common site tags to help illustrate or group results beyond type
  • Include catalog item details, like branches, availability, internal mapping
  • Make clear visual distinctions between types
  • Place a “direct hit” above searches with an obvious answer, like “hours” or “branches”
  • Use site tags with deeper subjects to include starting places or common searches or subjects, akin to finding aids

An effective search and discovery platform is not a product that one can just plug into a site. It requires an investment in the technology, and expertise from the technologists. It requires site administrators to invest time and domain expertise to help manage and update the data and algorithms behind search. It’s a system that needs to be studied, understood and updated over time.

Search is still a nascent technology. Google and Bing only recently added knowledge graph and other discovery pieces in the last few years. Search is continuing to be molded as we’re all learning, building and testing ways to better serve site visitors. When we work with libraries, we don’t want to use the patterns of today, our job is to help libraries imagine the possibilities of search and discovery of tomorrow

We cultivate partnerships with people and organizations who practice their craft, develop communities, create opportunities and make a positive social change.

image from aerial view of group of adult professionals working on project with laptops and paper documents

Common Service Package

Each library has different needs and has a custom service package, but this is an outline of a standard library project. Services include:

1. Research & Strategy

The discovery phase is important to outline the needs and goals of the library, and delves deeper into audiences and their needs (“use cases” / “user stories”), and to determine all aspects of a library’s available data, imagery, media and metadata. These strategy documents inform every part of designing and building the site. Working with libraries, we’ll help guide the process and consult to iterate through the long tail of audiences and use cases.

2. Site Information Architecture

We start the information architecture phase by creating sitemap “themes” based on the available and proposed content of the site, including suggesting new content that can meet the needs of the site visitors and library patrons. In order to find the best design, we wireframe key pages and templates to find the right amount of information density, visual hierarchy and usability. Wireframes are the best way to abstract the data, content and functionality outside of a brand or design.

3. Site Design

We will work through a series of explorations of creative direction, layouts and depth. We will add brand elements to found ideas, mixing in the wireframes and applying site styles. We add secondary and tertiary design elements that aren’t part of the brand to make a more unique, unforgettable experience with a unique voice that’s also highly usable and accessible. We take the brand deeper into the interactive dimension, including forms, motion, screen “painting” and subtle effects that enhance each user’s experience.

4. Site Build

Coding an interactive requires HTML/CSS for every screen size, modern browser, data connectors, image interfaces, etc. We also wire up and test the site’s content and databases. Modern browsers include: Chrome, Firefox, Edge, & Safari. As the project progresses, we’ll set up and maintain development and production environments, and include staging as necessary. Code will be commented & prepared for future developers to maintain and extend, requiring a minimal learning curve. Databases will be pure data so future developers can easily pull content and data from the website.

5. Content Collection & Transfer

While we’re always available for strategy, content sessions and strategy recommendations, we suggest clients transfer their own content. It helps you train and test the site, and gives you (We do offer content collection and transfer for organizations that don’t have the bandwidth.)

6. Site Go Live Process

We will go through our pre-live checklist that includes testing a variety of features, from embeds on external sites and applications, creating forwards from top pages that change URL, checking for references to staging domain, identifying any content marked as embargoed, double checking image sizes and site speeds, timed “cron” jobs are working as expected, and more. After going live, we’ll manage post live checklists and create forwards for top URLs that have changed.

Common Issues Libraries Face

Issues

Our Solution

Outdated or No Content Strategy

If we don't put visitors first, the focus of the site becomes more about the library itself, and disconnected from the visitor.

A Content Strategy that Puts the Visitor First

We start any website project with questions about visitors and their needs, and start a content strategy that's people first. This helps every step of the site wireframing, design and build be focused on visitor needs. As well, content strategies are meant to be living documents, so the investment will help direct other communications like social media, signage and newsletters.

Stuck in Cycle of Outdated Content

Many libraries are using CMSes that are difficult or work against the administrator. Any hinderance on content creation will mean less updates, and less updates will give the community less reason to visit the site. The community will miss out on all of the good things happening at the library.

Library-focused CMS

We’ve built a library-first content management system that prioritizes good librarianship, allowing site content to always be up to date with easy management but also built in tools such as book lists, events calendar, digital resources, blog and other library-focused tools. As well, good content is an investment into data and media / images, and the investment pays off by making a quick blog post or promotion easy to create with correct data, better imagery and small things like pre-filled alt tags and captions.

Disconnected Silos of Information

Your events are on one site, your ILS is another, and the main site doesn't connect anything. People then skip the main site and go right to the silo, missing great information and promotions.

Federated Search and Content

We connect all the library's data into the site itself, so events, new arrivals, book lists and catalog searches all have direct connection to the original data source. We import or connect data via API, so it's a seamless experience when viewing events, databases or materials embeds. Site search is seamless -- all the data in one segmented output that helps people understand both the results and each result's context.

Too Much Librarian-Speak

Many library sites are filled with words and phrases the visitor doesn't understand. (Who doesn't love a good reader's advisory?)

Content and Brand Voice for People

When we center people in the content strategy and consider a brand voice, content starts being created with intention. With UX tools like audiences and personas, content creators can envision specific visitors when they're writing or editing content, and this makes the site more human and fun.

Disconnected or Minimal Branding

Libraries often have outdated or minimal branding, or none at all. A brand is more than just a logo, color and some fonts. It’s a personality that needs to be felt and loved.

Brand That Resonates with the Community and Communicates the Library's Vitality

We create brands that resonate with the library’s patron base and the community at large. There are many touch points for a brand, including the logo, wayfinding and signage, library cards, and digital marketing. We work with libraries to connect all these dots and give meaning that engages patrons.

We take a consultative approach to strategy and help an organization push their online presence into a force for good.

image from aerial view of group of adult professionals working on project with laptops and paper documents

Why a New CMS?

We love the idea of Wordpress and Drupal, along with the plethora of open source CSMes, but we've learned over the years that they just don't work for public libraries.

Their not data-first, which means their basic data structures are merged and unreadable without a machine. As well, the usability and safety of these make prevents administrators from making updates just enough that sites are more out of date and less useful. While we could work around many of the issues, there are just too many issues.

So in 2020 we embarked in creating a whole new CMS built for libraries.

What we found was that the 1000 things we'd like to change about Wordpress is a lot easier when you create the software. Suddenly we had the opportunity to create a file management that's more like a DAM, a page editor with the right abstractions, search that was segmented, API connections that flow in and out of the site, and data editing experiences that are powerful but feel natural.

Architecture at a Glance

Full Stack

On the server side, we use LAMP, the same stack as the most common content management systems because of LAMP's maturity, stability, security and ubiquity. We also employ standard front end CSS and Javascript, and always keep our technology layers simple and clear.

LAMP stack development is powerful but inherently easier, which allows us to focus on finding solutions for more interesting problems.

Search and Other Specialized Servers

We also run specialized servers for specific tasks like search, AI and other machine learning systems. We consider these progressive enhancements, and they're not required, but can help open possibilities for better site experience for visitors.

image of web accessibility initiative logo on blue background

Technology Stack

html 5 logo js logo css logo html 5 logo js logo css logo css logo

Collata: A Library-Specific Content Management System

Collata is the data-focused, design-driven content management system that connects visitors to goals, minds to messaging and site managers to site intelligence. Collata is a recent fork and complete rewrite of our more general ByteCMS, and has a plethora of library-focused features.

screenshots of the collata cms

Native Data

Data abstractions get in the way of data readability and usability. We have native data tables for events, book lists, eresources, etc. for interoperability and future use.

Taxonomies and Tagging

We connect data to site pages, views and site search through grouped taxonomies and tagging, groups include audiences, subject tags, eresource types and more.

Data Import

For more data-focused libraries, we have CSV optional imports for new materials, events, book lists, podcasts, videos, etc. This allows for better curation offsite.

Relational Data Export

We have full export features, but not only are they CSVs, they’re relation CSVs in a format we call gCSVs that have data relationships and hierarchies baked in.

API Consumption

We build connections for ILS search and new materials, discovery layers for research and database search, events for a cohesive calendar, videos and podcasts, and more.

Digital Asset Management

Librarians can invest into their assets and make future updates and content creation easier with asset tagging, copyright info, and pre-filled alt tags and captions.

API and Feed Exporting

We can create data APIs or feeds for visitors or systems integrations to integrate site data in reporting, kiosks, digital monitors, etc.

Limitless Templating

We built the system to have unlimited TWIG templating so site developers and designers can build advanced interfaces with full accessibility. Let your brand and message shine!

Ongoing Support

The best support from the team that's invested in your library's success. Our support helps libraries ask questions on style, content, data and general advice, and we’re always happy to talk new ideas.

Hosting & Support

Byte has built a company on creating amazing websites and on the strength of our support and consultative approach. We offer a full hosting and support service that puts us at easy reach for questions, fixes, upgrades or consultations.

The hosting is designed from the ground up to be resilient, expandable, fast, secure and fully backed up. We do daily full offsite backups and in-our-hands weekly backups. Servers are managed by us and our Tier 3 providers. The servers are in SOC compliant, secured facilities in NYC, Chicago and SF.

image of web accessibility initiative logo on blue background

Analytics & Events

Knowing what's popular on your website and identifying improvements are important, but not letting a visitor's activities be tracked by Google or Meta is vital. We offer private, cookie-less analytics to ensure visitor privacy. We also help identify and set up events we want to learn from, like what percent of visitors use search, and our private analytics is excellent at tracking aggregate events. It's an open system so we can export data to analyze offline, or feed it into the CMS to have easy-to-understand data.

screenshots of the collata cms site tracking

Maintenance & Backups

We actively manage updates and server / network maintenance so our clients have one less things on their plates. We do daily full offsite backups and monthly on-premises backups so we have permanent physical access to years of data, should it ever be needed.

For our clients that prefer to host themselves, we can help create a maintenance plan so patches and updates are applied and tested as needed.

Got Questions? We have answers.

We create independent or integrated tools for patrons and visitors to help libraries showcase the width and depth of their organization.

View All FAQs Show Less
  • Q: How long does a library website take to build? A: Depends on the service population size and desired features, and ranges between 2 and 6 months, plus potential time for content transfer / creation, approvals, etc.
  • Q: Should a library have their website developer copy over the site content? A: While we do copy a library's content on request, we don't recommend it. With a library-focused CMS, copying content is relatively easy. As well, it's a good task for both training and beta testing, and will ensure that training will happen for all kinds of content layouts and types. Most importantly, when a client manages their own content, they have a consistent voice and most accurate content, and the act of copying it over helps the library communicator really understand what's being said and how to simplify and clarify it the most.
  • Q: Can we update the site ourselves, or do we need to contact you for changes? A: For library websites, all content and data like book lists, e-resources, blog posts and site tags will be manageable by design. We've spent a lot of time understanding a library's needs, so we've made a very usable and easy-to-manage content management system. As well, for any data, if you change it once, it'll change anywhere that appears on the site.
  • Q: Can you make the site easy to use for patrons with low tech literacy? A: When we build a site, we first work through a content strategy that helps define audiences and their needs. The entire process is patron-driven, and the sitemap exploration takes everyone into account. As well, we can help a library find a voice and terms that address specific needs from low tech patrons.
  • Q: Will our site meet accessibility standards (WCAG)? A: Yes! We build for accessibility, and test against modern accessibility issues. Accessibility isn't a one-time task, it's an ever-changing discipline, and requires understanding from site editors and content creators. We'll help libraries learn how to create content that works across multiple devices and readers.
  • Q: What platform or CMS do you use? Is it open source? A: We've found that common off-the-shelf CMS platforms are not made for the needs of a modern library. While some libraries opt to try to fill the gaps by using plugins, we tend to use a CMS we built called Collata, and we've built it to have a hosted version and an open source version. It's built on the same platform that Wordpress, Drupal and many other CMSes are built, so it's easy to install and manage anywhere.
  • Q: Can we integrate with our catalog (Aspen, Vega, Polaris, etc.)? A: Yes! We have built API connections for searching, new materials, booklist generation, and more to most modern ILS platforms and discovery layers. This allows for full federated searching from your main site, and includes segmenting and visual indicators to help the visitor understand the context of the results. (It's important to note that we don't connect ILS patron usage or data to the site, only collection data.)
  • Q: Can we integrate with our current events provider (LibCal / SpringShare, Communico)? A: Yes, and it's important to have events content live on the site concurrently so people that are searching on your site can also see upcoming events. We have built integrations with a variety of events and room reservation platforms. (As well, you could use our native events calendar with event registrations and room reservations.)
  • Q: Can users search the site and catalog from one place? A: Yes! We integrate many ILS providers to build a federated searching system with segmenting and visual indicators to help people understand the context of the results.
  • Q: Will the site be mobile friendly (or responsive)? A: Yes, of course!
  • Q: Who handles updates, backups, and security patches? A: We do, in a simple monthly fee that includes site support.
  • Q: What happens if the site goes down? A: It's important to note that unlike Wordpress or Drupal where an errant plugin could just bring down a site, our Collata CMS has no method that an administrator could bring down a site. That leaves server or network issues, and we have a host of protocols to help mitigate any issues that arise. We'll likely know about a failure on this level through our monitoring systems, but if a client noticed something failing first, they'd email or call, and our team will spring into action.
  • Q: Do you provide staff training? A: Yes! Since we've given up on Wordpress and Drupal as serious library CMSes, we're able to control the entire CMS experience, and as such we've created a system that's fully intuitive and CMS searches find content no matter where it lives, so training is usually a more subtle set of concerns, like styling and best practices. We're always available for refreshers and new staff trainings.
  • Q: Do you provide staff documentation? A: No, there's not a use case so far where this would help anyone. The CMS is very intuitive and powerful, and the issues tend to be more about style and substance, and those answers live in the help sections and the Issues section of the CMS, where we give screenshot tours and answer questions.
  • Q: Can we make updates without breaking the design? A: Yes! In fact, it would be pretty hard to make a mistake that could break the design, and if you did, we'd solve it with you.
  • Q: How long do you support the site before a redesign is needed? A: As long as needed ... we have 20 year old sites that are still working fine, albeit behind the times visually or in accessibility.
  • Q: Will you be able to add Google Analytics to the site? A: We'll try to talk you out of it -- we find Google to be one of the worst offenders of privacy. We use a private analytics system for all our hosted sites using a privacy-focused analytics software called Matomo. Matomo has most of the same features as Google Analytics, and it integrates well to our Collata CMS to help make a better administration experience.
  • Q: Can we track what patrons are using most? A: Yes, but in an aggregate, non-patron-identifiable way. Privacy is important, and we use a privacy-focused analytics suite called Matomo in a private network so no usage or patron data escapes to the wild. (We also collect most minimal patron data possible for events registrations, etc.)
  • Q: How long have you been building library websites? A: 20 years was our first -- Racine Public Library -- but we began in earnest in 2013 with Shorewood, WI and Milwaukee, WI public libraries. We work with them both still.
  • Q: Is this CMS built specifically for libraries or adapted from a general platform? A: Built specifically for libraries, a project started in 2020.
  • Q: Can our staff manage content without coding knowledge? A: Yes, no technical experience is necessary to manage an entire library website.
  • Q: How flexible is the CMS for customizations, like homepage promos, e-resources, or events? A: Very flexible for all content changes, including page content and databases.
  • Q: Will a new site support accessibility overlays? A: Yes, but don't. Accessibility overlays are the wrong answer to accessibility, and often make it worse. We build all sites for accessibility, and have a preferences panel that gives all visitors the ability to choose their experience, including dark mode, high contrast, large text, etc.
  • Q: What hosting options do you provide — cloud, on-premise, or managed? A: We can build for any requested platform, but we almost always host our sites, and that way there's one cost for hosting and support.

Let's have a conversation.







map of milwaukee location