OCAD U · Digital Library Redesign
A library should feel
like discovery.
Not administration.
Overview
I worked on this project as part of a UX analysis of the library website. I ran thorough user research and documented the existing experience, which surfaced a set of clear problems, and from there, achievable solutions for each one.
The homepage tries to do everything at once.
I went through the live site the way a student would: plenty of information, no clear place to start. Six issues kept coming up.
The number one question, buried in tiny text.
"Books and more", Omni, OCAD Discover: all the same box.
When nothing is emphasized, nothing stands out.
You have to already know what ProQuest is before you can find it.
Same forty links, one long scroll.
A destination, when it should be the default.
Six issues. Six changes.
Everything pinned here is fixed in the prototype.
- 01Search sits below the fold → moved to the top of the page.
- 02Hours hide behind a link → an open-today badge in the hero.
- 03Advanced Search, Journal Search, Research Guides: every link opens a new page → pills that expand the search with extra filters.
- 04Explore: nine links, nine page loads → accordions that open in place.
- 05Location, hours and contact sit in separate blocks further down → one grouped, stacked block.
- 06The header takes the whole first screen → calmer layout, same OCAD character.
Twelve students. Three weeks.
My process: keep diaries with twelve students for two weeks, then watch them do real assignments for one. The pattern was clear: they don't struggle with searching, they struggle with starting.
I open it, I see twenty links and three search bars, and I just close the tab and email my prof.
The library is a person, not a database.
Google first. Librarian second. Catalogue last.
“Books” and “articles” are the same drawer.
Asking them to pick a format up front just adds a step.
Research is emotional, not logical.
A calmer page lowers the stress of starting.
Six changes.
My strategy: put search first, keep every kind of search on one page, and make the practical details impossible to miss. It came down to six changes, listed here in the order you meet them on the page.
01
I moved the search box up.
On the current site you scroll past a full-height header before you can search. Now it's the first thing on the page, right under the library's name, with Ask a librarian sitting beside it.
02
I put the hours in the hero.
An open-today badge with the day's hours sits next to the library's name, plus a link to all hours and locations. The most asked question, answered before you ask it.
03
I made each search type a pill.
Advanced search, journal search, databases A-Z, research guides, and course reserves are pills inside the search container. Tap one and the search section expands with additional fields for a more curated search, instead of taking you to a different page.
04
I turned Explore into accordions.
On the current site every Explore item is a link to another page. Now each one opens as an accordion right where you are: read what you need, close it, move on.
05
I grouped the practical details.
Location, hours, and contact used to sit in separate blocks scattered down the page. Now they're together and stacked in order of need, so students find what they're looking for quickly.
06
I kept it OCAD.
Black and white, one red accent, sharp edges, bold type. The layout got calmer and more organized, but the eclectic yet academic character of the university stays.
What I built.
Explore the working prototype for the library by clicking and scrolling inside the devices below.
Accessibility
Built in from the start, not added at the end.
WCAG AA was the baseline, not the goal. Every screen was tested with a keyboard and a screen reader before it was tested with a mouse.
prefers-reduced-motion.OptionalThe design system
Three fonts, two paper tones, one red accent. Close to OCAD's own visual language: eclectic, but academic.
Same 12-column grid for the page and the product inside it.
Colour only when something matters.
08 / Coda
The same library,
easier to start.
A library should feel like discovery.












