



Archiving aid for the librarians using the existing Zine Collection database + Research tool for students, zine enthusiasts and creators + Promotional platform for expanding awareness of the collection and zine creative culture.
Although we started with a focus on awareness and the discoverability of the physical collection, I wanted to use this idea of a browsing shelf to bring users into the online repository of featured zines housed on the website.

Early wireframe sketches for page/post templates building on initial site map

The WordPress template hierarchy - image courtesy developer.wordpress.org

This early sitemap builds on the sketched sitemap and WordPress template hierarchy above. It includes the user flow from in-page browsing slider and sidebar to sub-content. Optimizing this flow was important to the Librarians who wanted users to be able to easily navigate to individual zine posts while also making it easy to manage dynamically uploaded content by student workers. The "Pages" hold static content, but the sidebar menu helps the user easily pivot back to browsing the featured zines.

Homepage wireframe showing responsive designs

Graphics pulled from the web for inspiration

Moodboard showing color and typography next to zne covers from the zine collection. The Reanimation Library provided a good working model for how to balance blog-form content and evergreen information.

Mobile version 1

Desktop version 1a

Desktop version 1b

Mobile version 2

Desktop version 2a

Desktop version 2b






Homepage

Zines page

About page

Search page

How-to page



Desktop view

Mobile view

Poster for a presentation at the library promoting the collection & new website
