A new directory for university students that showcases opportunities for experiential learning.
Completed in April 2022
I did web design, ux design, ui design, prototyping and development work in this project
This project was for a Drupal CMS site
I led the design and development of a new online tool connecting students with unique learning opportunities available at Ohio University. You can jump to the end to read the project results.
As part of an intensified focus on student experience, Ohio University needed a website to showcase the vast array of unique learning experiences available to its students.
A digital tool for filtering and finding experiences did not exist at the university, so we had freedom to decide the functionality, look, and content of the site.
Our team leader gathered content specifications from multiple departments and organizations across the university. We determined that a new content type was needed in Drupal to organize and display the information for each experience, and a filterable landing page was needed so students could quickly find experiences that are relevant to them.
Filtering the experiences is one of the most important aspects of this project. We needed a way for someone to filter our experiences on multiple criteria, and be capable of selecting multiple options for each criteria. (Since I enjoy DIY home improvement projects, the first thing that came to mind is trying to find a light fixture on a home improvement website.) I researched existing user interface patterns for applied filters from a category, dropdowns, checklists, and more. I also looked to our own existing checklist and filter styles.
I then prototyped a new filter user interface for our page, seeking feedback from my teammates. My co-developer and I talked through the proposed behavior and functionality in the UI, ensuring we covered all the use cases.
In Adobe XD I designed the styling, layout and functionality for two new web page layouts - one interior page that displays information for each individual experience and one landing page with search and filtering capabilities.
I also designed the new featured experience section of the ohio.edu homepage in Adobe XD and shared it with leadership for feedback.
The icons and colors in this "Details" section of an individual Experience page change depending on the information input into Drupal for the specific experience. These features give site users quick details through visual cues.
I collaborated with my partner web developer to create the new and unique features and filtering functionality for the landing page. They developed the interface based on my specifications, XD design files, and feedback.
For the experience pages I created a new Drupal content type with 17 fields, four new taxonomies with 52 associated terms, and three new view blocks. I then developed the individual experience page template and functionality, as well as the featured experience section of the ohio.edu homepage.
