Primo
About
Primo
Rebrand | UX UI
Primo is ExLibris (Clarivate) search engine discovery product, acting as an advanced “one search” system for academic libraries. It serves as a unified search engine over both physical and digital academic materials.
Primo queries the library's local catalog and special collections alongside billions of records supplied by global vendors. Serving over 2,000 clients, it provides essential resource management tools and crucial delivery calculations, such as availability and coverage.
Primo was created with accessibility embedded from the earliest planning and design stages, ensuring an inclusive, intuitive, and fully accessible experience for every user.
Challenge
The critical need for a unified, advanced "one search" system across all academic library resources, both physical and digital.
It simplifies the search experience for diverse user segments, including undergraduates, researchers, and library staff. This solution unifies the management and retrieval of local collections, archives, and varied library resources.
Solution
An advanced "one search" system across all academic library resources.
Including major institutions like Harvard and Oxford, while offering extensive interface customization and integrating advanced researcher tools such as the Virtual Browser.
Target Audience
-
Academic libraries (over 2,000 clients) and their diverse end-users
-
From small institutions (colleges) to major research universities (e.g., Harvard, Oxford, NYU, Toronto) and large consortia
-
Undergraduates, Researchers, Professors and Library staff
REBRAND
The redesign project was initiated
due to the product:
01
Requiring continuous renewal, as the product is seven years old
02
Improving UI & UX processes
03
Adding client configuration options (customization)
04
Improving accessibility support
Rebrand
Font
Noto Sans
Noto Sans was chosen for its high readability in digital interfaces and its full multilingual support, which ensures a consistent and seamless user experience.
It conveys professionalism, clarity, and a modern, understated aesthetic that reinforces a sense of reliability and precision.
Color
# 8C79FF
After the research we did, we have come to the conclusion that this color provides a strong presence that communicates innovation and stability, making it especially suitable for complex information systems that require trust and accuracy.
It creates a clear visual hierarchy and serves as a strong identity anchor that enhances branding and supports a cohesive user experience.
Icons
The icons align naturally with Primo’s visual language, maintaining a clean, modern, and consistent look that reinforces the sense of a polished interface and reduces cognitive load, and keeps the focus on the content
UX UI
Old Screen
Problem
User research showed that many users prefer using the basic search, relying on only a few key filters.
Problem
User research showed that many users prefer using the basic search, relying on only a few key filters.
Filter Panel Optimization
In the old version, the filters list was always displayed beside the results, taking up significant screen space.
Case Study
The Process
UX Flowchart
We set out to design a more flexible and efficient solution and reduce clicks along the way.
The Process
Wireframe
-
Header: Includes menu links, search bar, advanced search and AI search
-
Quick filters actions row
-
Filters panel
-
Results list: Grid display showing record name, share options, etc
01 Redesign of the UI.
03 Horizontal strip for “Quick filters” above results for faster access to common options.
02 A toggle button to show or hide filters dynamically.
Solution
The Results
Solution
01. Redesign of the UI
02. A toggle button to display or hide filters dynamically
03. A cleaner, more focused results view
04. Back-office option to keep filters open by default
We provide environmentally conscious design, construction, and management services for a variety of projects.
Reduced visual clutter and smoother interaction flow.
We provide environmentally conscious design, construction, and management services for a variety of projects.
Reduced visual clutter and smoother interaction flow.
