Registrar Website

Registrar Website

The brand new Office of the Registrar website launched on March 10th, 2021. The site has been redesigned to be more navigable, responsive, and it is full of support services for students, instructors, and campus partners. It was a different world when the kick-off meeting was held in October 2019 and no one could have anticipated the chaos which would ensue due to the pandemic. Thankfully, the project was never fully derailed. There were, however, changes in technical direction, the exit of a project owner, and a pushed launch date.

The Registrar's new website was the first Arizona Quickstart Drupal 9 website on campus, and comes equipped with customized components and configurations that enhance editor experience, which are not available in out of the box Quickstart.

Product Highlights

Arizona Quickstart 2.0

The new Office of the Registrar website is the first Arizona Quickstart 2.0 Drupal 9 website on campus.

Custom Hover Cards

A custom "hover card" component was developed to add an interactive and accessible component which allows users to preview the content they can see on the next page.

Dates & Deadlines

The new Registrar website is seamlessly integrated with the Dates & Deadlines Custom Application.

Refined FAQs

The new website refines and consolidates FAQs across the site.

Interactive Decision Tree

An interactive residency decision tree was developed to help students find the forms they need to fill out in order to determine residency eligibility.

Arizona Quickstart 2.0

Due to overlapping timelines with the Registrar's rebuild schedule and Drupal 7/8's end of life, the decision was made to develop the website in Arizona Quickstart 2.0, Drupal 9. Developing the site in Drupal 9 allowed us to avoid the duplication of effort that would accompany developing the site in Drupal 7. Developing the site in the latest version of Drupal also allowed our team to take advantage of new technologies and resources available in the content management system (CMS). 

Drupal 9 logo

Custom Hover Cards

The Registrar's team had requested an interactive component that would allow users to see what types of information they could find on the next page, without having to actually visit this page. The request was made with the goal of making it easier for students, parents, and faculty/staff to find the content they were looking for. The previous website was hard to navigate, which made it difficult for users to find the content they were looking for. Many times, the information they were seeking was many layers deep in the site. By developing this custom component, we addressed this problem in conjunction with improving upon the site's information architecture.

Animated GIF demonstrating the hover effect on the Hover Cards component

Dates & Deadlines

On the previous version of the Office of the Registrar website, the Dates & Deadlines experience was less seamless and involved a switch to the Custom Application's sub-domain. With the new Registrar website, we were able to seamlessly integrate the Dates & Deadlines functionality and experience without sending users away from the Registrar's main domain. This was an improvement to user experience, and also made it easier to gather analytics pertaining to Dates & Deadlines. In essence, the Dates & Deadlines Custom Application allows students to make filter selections to receive a list of relevant dates and deadlines pertaining to their student calendar. Such important dates/deadlines as course registration, first day of classes, withdrawals, government holidays (no class), GROs & petitions, etc. If you want to see more, can visit the Dates & Deadlines page on the Registrar's website.

Screenshot of the Dates & Deadlines page on the Registrar's website

Refined FAQs

One of the many goals during the website rebuild was to improve upon the FAQs page and make it easier for users to find answers to their questions. Given that the Registrar's Office plays a significant role in students' careers, there are a substantial number of FAQs that the Registrar's Office manages on their website. We consolidated all FAQs into a single page while also allowing those same FAQs to display within their respective site section. Although the FAQs can display in multiple places on the site, they stem from a single source of truth and eliminate previously duplicated content. The main FAQs page also comes equipped with an easy to use search filter which allows users to narrow down the extensive list of FAQs by providing key word(s).

Screenshot of the FAQs page on the Registrar's website

Interactive Decision Tree

At the request of the Registrar's Office, a custom, interactive decision tree experience was developed to help students more easily determine whether or not they might be eligible for residency (for tuition purposes), and what forms they should fill out to apply for an exception to residency. The interactive decision tree utilizes Lucidchart to manage the visual representation and data source as a flowchart. Lucidchart then provides a CSV data feed, which the website consumes in order to display the relevant content and provide for an interactive "yes"/"no" decision experience. This solution allows for a visual data representation that the Registrar's team can more intuitively understand and update, while still providing the less-intuitive data formatting that Drupal needs in order to consume and display the data. Visit the Residency Classification Options page on the Registrar's website to see more.

Screenshot of the Residency Classification decision tree page on the Registrar's website