Mugo Web main content.

Chinook Arch Regional Library System

Mugo partner since 2022

New websites help regional library system improve workflow and increase member library agency.

When Chinook Arch Regional Library System set out to find a developer for their new website and the sites of their member libraries, they knew they needed someone who would understand their needs and be able to support specific requests. They were looking for something fresh to own and update as needed. For years, they had shared a platform with neighboring Alberta library systems, and while a cost-saving move, the arrangement didn’t give them the flexibility they wanted from their website.  On top of that, frustrations with the customer service from their previous website providers led to a hard out date and the necessity for a quick turnaround on a new site. That’s where Mugo Web and its website platform Mugo Library came in.

"All the little things libraries are looking for, we seem to have hit.”

Chinook Arch was familiar with Mugo Web, thanks to a recommendation from Marigold Library System. They knew Mugo has a reputation for great customer service and the development skills to build out the new, custom features they wanted.

In April 2023, Chinook Arch launched their new website on schedule with the key features they needed to improve their workflow and increase patron access to library services. “We had such a short timeline,” stated Trevor Haugen, IT manager for Chinook Arch. “I’m surprised it could be met, and how smoothly it could go based on that.”

A fresh design puts UX front and center

The design of the new Chinook Arch website was crucial. They needed something fresh, accessible, and that would fit the brand standards for the regional library system as well as serve the needs of the 32 member libraries on a single platform. They also wanted to make sure key information was prominent on each page, and that they had a way to easily share service information without having to recreate it on all the individual pages. Melding the workflow they needed with the design they wanted, brought the opportunity for Mugo Web to build out a few new features.

“Tianna [the designer] was great at her job,” commented Joey Going, Communications Specialist for Chinook Arch. “We put a lot of trust in her to incorporate everything we wanted into the design. She listened really well. She didn’t miss anything we mentioned.”

Convenient library information

One of the early design elements Chinook Arch requested was a floating menu featuring the library’s hours, location (with map), and latest news article. Keeping this information at hand with the floating expandable sidebar makes it easier for patrons using the site to have the most commonly sought information readily available.

Two views of the floating menu: left, the floating icons featuring a stylized clock, location marker, and newspaper. Right, the expanded hours menu.

Featured Cards

Another improvement Chinook Arch requested from their previous site was a way to improve the workflow of their administrative staff. The member libraries of the Chinook Arch Regional Library System vary greatly in size and support needs. Regional administrative staff are often needed to help manage the individual sites for libraries with fewer staff. Being able to quickly update and add content that could be copied out to multiple sites was important. Being able to display a lot of information in an easy-to-browse, discoverable way for patrons was equally important. 

The solution for both challenges was a redesign and new configuration of Mugo Library's Featured Cards. The Featured Cards can be easily created and stored in the CMS media library in the HQ site and added to individual sites as needed without having to recreate the process. The Featured Cards are clean, easy to read, and redirect to service-specific landing pages that are mostly universal for the member libraries.

Featured cards of Chinook Arch services. Each has a styled box with the type of service, a description, and a link for more information.

Accessible design

Accessibility was an important consideration in the design of the site, and there wasn’t just one design to audit for visual elements such as color contrast. The final designs incorporated 6 different color schemes in addition to the HQ design for the individual libraries to choose from and personalize. All elements had to work together in an appealing fashion and also conform to WCAG 2.1 AA guidelines.

Key integrations help increase site's capabilities

There were several integrated services that were essential to the new Chinook Arch sites, some familiar, and some that were unique compared to other libraries Mugo Web has worked with.

Library card registration

Patrons needed a way to register or renew their library cards online. We were able to build in an integration with the library’s ILS system’s registration service to provide a seamless experience for users. The process is contained in a page on the website, and patrons don’t have to worry about being sent to a 3rd party site. They know their information is secure on the library page.

The integrated eCard registration form is shown on the Chinook site, with sidebar navigation and form fields.

Events

Two important changes to the Mugo Library events registration system both required integrations with 3rd party services. The ability to search for events by location, and the ability for the libraries to collect payment for some events.

Location search

The first need was a new feature driven by the fact that some of the smaller libraries in the Chinook Arch system do not provide programming or events. However, their patrons may visit other member libraries for events, especially if they are geographically nearby. On the Mugo Library platform, each individual library’s calendar is unique, which posed both design and development challenges. It was decided that each individual library’s event page would feature a static card that redirects to the HQ site’s universal event calendar, where the location search feature would allow users to find events closest to their area, regardless of the hosting library. The strength of this feature allows patrons to view just their library’s events if they prefer while having easier access to the regional system as a whole. It allows the libraries both autonomy and collaborative opportunities.

The standard event calendar on a member library's site showing the "search for events" banner at top

On the HQ site, the default view is the location search with filter options for program ages, which was a cleaner and more accessible design choice than an overly dense universal calendar with hundreds of events.

Location search page, showing results for Fort McCleod region

The search feature has an integration with Google Maps. Patrons can search by city name, address, or zip code. Results are then listed in chronological order as cards with basic details about the event and links to the hosting library’s site and registration pages.

Paid events

Several of the Chinook Arch libraries require payment for certain events. This can serve as both fundraising for the library’s services or as a way to cover the cost of program materials. The libraries needed a way to integrate payment collection with the registration process on the website. Using the library’s existing PayPal service, we were able to build in a new optional feature to collect payment at the point of registration. This needed to be easy for the libraries to implement, painless for patrons, and still conform to the event systems registration logic. 

In the solution, librarians now have the option to click a checkbox for whether or not an event will require payment. If selected, they are prompted to add the price of the event. On the librarian’s side, that’s it. It’s an easy and direct process.

Back-end view of the event creation interface, showing the check box to accept online payment, the cost value (price) field, and the cost description

On the patron’s side, they begin the registration process as normal, filling in the requested fields. Once that’s done, they are then prompted to enter their payment information, in the secure PayPal portal, built into the same page. Once payment has been processed, the registration is complete.

A smooth launch makes way for future success

“I was surprised at how well it went,” said Robin Hepher, CEO of Chinook Arch, in regard to the new site’s development and launch. “It was such an improvement over our past processes. It didn’t involve as much work on our end. Anything we asked for was fixed within a week.”

“We felt like we were Mugo’s sole client during the development,” Hepher continued. 

Going spoke on the improvement to workflow since the launch of the new platform. “It’s freed up my time. All the libraries are now posting their own events, some for the first time. The swiftness of being able to update our site or make changes on specific pages is instantaneous. It’s a five-minute thing as opposed to an hour.”

In regards to increased engagement on the new sites, Going said that member libraries are taking more ownership and updating their content daily. They promote the website more because it has such increased capability over their previous sites. “They are so excited about the calendar! They love that people can register for different events. All the little things libraries are looking for, we seem to have hit.”

Related reading

Learn more about Mugo Library, the custom CMS solution for public libraries. 

Read more

a golden envelope floating above a stand with a number 1 notification attached to the corner

Email authentication's time has come: implementing SPF, DKIM, and DMARC

With Gmail and Yahoo now requiring bulk emailers to implement authentication protocols, making sure you understand the differences between SPF, DKIM, and DMARC and how they work together is essential for your email marketing efforts. We'll walk you through how to set these up in your email provider of choice. 

LEARN MORE
stylized browser tab open to a page with embedded video showing a loading screen

Optimizing page load time with a YouTube facade

While YouTube embed options are powerful and effective, they are not always the most efficient use of resources when it comes to bandwidth. Using a facade can help decrease page load time and increase site performance without sacrificing any of the utility of the native YouTube embed options. 

LEARN MORE
a caution sign featuring a gear and a circuit with AI on it over the image of a highway

GenAI for developers: your mileage will vary, so drive carefully

Generative AI is shaking up every category of knowledge work, and professional software development is on the front lines of the revolution. With new advancements on the horizon, what does that mean for developers in the here and now? Our team experimented with a few of the leading tools and shared their impressions, along with suggestions on best practices for navigating AI usage in web development.

LEARN MORE

Terminal Input Broadcast

Typing the same instructions into multiple terminals at the same time is a great trick when you have a group of servers that have the same or similar configurations. 

LEARN MORE
Women looking happily at the screen of the laptop she is holding, while fanning out money

Getting down to business with professional WordPress development

WordPress has a flexible and robust ecosystem for creating a wide variety of websites. But when your site needs to grow and expand functionality, having a dedicated, experienced development team to support and build out new features is essential. Learn about Mugo Web’s best practices when it comes to developing in a WordPress environment and see how we’ve helped save clients thousands of dollars with innovative solutions.

LEARN MORE
Stylized computer window with WordPress logo and stopwatch

WordPress image optimization makes for quicker, more powerful websites

Getting the most out of your WordPress site can take some work. You want a site that looks great, loads quickly, and provides a good user experience for visitors. Unfortunately, WordPress sites often struggle with optimizing images, which can cause significant delays in load time and produce sub-optimal experiences for users on mobile devices. With a little effort, you can create responsive images and drastically improve your site’s performance, both for users and search engines.

LEARN MORE
Cartoon hand holding a cartoon bulhorn over a banner that reads annoucement banners

Anatomy of an announcement banner: key features for a better user and editorial experience

There's a lot your website needs to communicate to users. When you have crucial information you don't want people to miss, an announcement banner can be a useful way to prioritize that information on your site. While this can be a simple solution, there are several use cases to consider when implementing site-wide banners. Working with our library partners, we've developed a full range of features to help deliver information quickly, effectively, and painlessly for both the front-end user and the back-end administrator.

LEARN MORE