Portfolio

Home | Portfolio

OU Libraries Homepage on Multiple Screens

UNIVERSITY OF OKLAHOMA LIBRARIES

Launched in 2015, this project focused on mobile-first design. The planning process focused on the results of an in-depth usability study and input from focus groups, card sorting exercises, and a planning committee. The website has many custom-built research tools and dashboards.

Project Needs:

Mobile-friendly, responsive site

Meet standard accessibility guidelines

Modern look and feel

Open content management system with annual audit functionality

Highlights:

Built in Drupal 7 with custom modules to extend functionality

Integrated room reservation system, search tools, and personalized bookmarks

CAS based authentication for campus single sign-on with role configuration

Failover site for 24/7 business continuity in case of network outage

EXPLORE OUR STRATEGIC PLAN

The client wanted to highlight 5 core strategic initiatives with fluid navigation that flowed easily between core areas. The overall aesthetic needed to feel like a modernized annual report.

Project Needs:

Fluid navigation

Highly Stylized

Impact metrics

PR Stories

Highlights:

Content pulls from main site through API integration

Mobile-friendly design

Navigation that leverages scrolling over clicks

Headless Drupal 7 implementation

Nourish Medical Site on Multiple Screens

NOURISH PROGRAM

For Nourish, we focused on crafting web copy for the homepage that was clear and deeply empathetic. The client also needed 70 supplemental handouts for the health program itself, which included research, writing, editing, and design.

Project Needs:

Strong web copy designed to convert visitors into clients

70 handouts on topics of nutrition, diet, and healing

Research, writing, editing, and design

Highlights:

Content strategy for homepage conversion

Research and writing on topics of health

Copy editing and proof reading

Handout design in Canva

COVID Social Distancing Dashboard

When OU Libraries reopened during COVID-19, they needed tools to help students make informed social distancing decisions. This project consisted of an occupancy dashboard that showed how many users are on each floor and in the branch libraries. It also included a dashboard for computer usage, informing students how many computers were available in each location.

Project Needs:

Visualization for how busy each study space was

Color indicators that turn red when a floor is at capacity

Percentage indicators and progress bar for occupancy statistics

A way to visualize which computers are free at each location

Interactive map that shows computer system information

Highlights:

Built in Drupal 7 with API integrations from multiple sources

Two custom dashboards for visualizing information quickly

Modal for displaying maps as pop-ups

Dashboard display for digital signage

Wikimedia Library Partner Site

Wikimedia Library needed a way to display multiple data points about each partner in an easily consumable way, including partner name, logo, subject tags, language tags, description, and bundle status. This project could not use JavaScript in any way and relied on solid user design principles to make the long list of partners easily consumed and compact. The design aesthetic for Wikimedia Library is minimalist and clean.

Project Needs:

No JavaScript in Front-End design

Display 7 data points per partner

Easy to scan list for relevant information

Highlights:

Focused on creating a template for each partner

Icon-based information for bundle status

Clickable tags for subjects and languages

Helped re-write content and size logos to enhance design layout

Galileo's World Exhibition Site

Launched in 2015, Galileo's World was a physical and virtual exhibition commemorating the University's 125th anniversary. It highlighted rare materials in the History of Science Collection, including first edition works by Galileo. The virtual exhibit allowed visitors to flip through digitized copies of rare materials and won the 2016 Oklahoma Museum Association Best in Technology Award.

Project Needs:

Highlight 20 different exhibits with over 300 items

Provide fully digitized copies of first edition works

Provide interactive timelines

Host educational and supplemental materials

Highlights:

Leveraged the Internet Archive Book Viewer

Unique caching layer to display large digitized files with fast page loads

Robust tools and resources for searching and browsing the 300 exhibit items

Built so exhibit staff could update content independently

Integrated Search Interface

The client needed a search interface so users could search multiple platforms with a single keyword. The results needed to be displayed in an integrated list categorized by resource type.

Project Needs:

Search multiple systems with a single search term

Display results in a bento-box style display

Separate results into categories including books, articles, research specialist, etc.

Ability to search external resources by carrying the search term over

Highlights:

Built in Drupal 7 with API integrations from multiple sources

Utilize an API gateway for indexing, fast searching, and integrated results

Mobile friendly design for searching from personal devices

Supports over a million searches per year