The CASES Portal is an internal operations application, featuring a robust staff directory with live search, communications catalog, and custom-built pages for the organization’s administrative units.
The portal was developed in response to staff concerns about internal communications. Over the last several years, CASES has more than doubled in size and expanded to multiple offices, making collaboration across units increasingly challenging. The portal aimed to alleviate these challenges by providing an online repository for various agency-related resources.
I was responsible for all the wireframing, prototyping, designing, and development of the portal. Its back end is based on a custom Wordpress REST API configuration and its front end is powered by React.
The directory receives a staff member's name, position, contact information, and supervisor from a JSON file generated from CASES’ payroll and Outlook databases, while the photos are uploaded directly into Wordpress's back end via its admin panel.
The portal leverages React to create a live search that allows users to quickly view results as they type. Users can easily search by first name, last name, or department.
Most of CASES’ admin units have a custom-crafted department page where supervisors can share relevant updates and documentation. These pages can be edited using a modified version of Wordpress's native admin interface, allowing even staff members with limited technological know-how to easily maintain their department's page.
For my unit's part, we wanted a page that would allow CASES staff to easily view our library of communications materials. The catalog is separated into different categories, including one-pagers, brochures, flyers, and miscellaneous.
(Incidentally, you can also see a sampling of some of the visual design work I did on CASES’ print materials.)