![oedd-hero](https://emberex.com/wp-content/uploads/2024/03/oedd-hero.png)
![oedd-hero](https://www.emberex.com/wp-content/uploads/2024/03/oedd-hero.png)
O.E.D.D.
OREGON EDUCATOR DATA DASHBOARD
Product
A sophisticated, filterable database of State of Oregon education employment data
Project roles
Visual Design,
UI & UX Implementation,
Development, Data Visualization,
Quality Assurance
THE CHALLENGE
This project requires that the site maintain and display up-to-date accurate job information for the state of Oregon. Prior to this project’s inception there was no singular place to view this information for the state, as the information was captured and housed uniquely by each school district. This app needed to connect to each district’s data system, and in some cases scrape public websites to collect data.
![oedd-heatmap](https://emberex.com/wp-content/uploads/2024/03/oedd-heatmap.png)
![oedd-heatmap](https://www.emberex.com/wp-content/uploads/2024/03/oedd-heatmap.png)
THE PROCESS
Initial discussions with our client centered around options for data collection from the school districts, as well as what types of data we would display and how best to filter it. We provided wireframes with a few options for data display and filter, and ultimately landed on a left-side filter tray that would allow users to easily open and close the filter functionality and stay connected to the map view. This design came with the added benefit of providing the same user experience on mobile.
HEAT MAP
Our client determined the high-level palette for the Oregon heat map -- that it should be a spectrum of green and red. The app provides the user with a legend that defines the each, specific to each report.
![oedd-heat-legend](https://emberex.com/wp-content/uploads/2024/03/oedd-heat-legend.png)
![oedd-heat-legend](https://www.emberex.com/wp-content/uploads/2024/03/oedd-heat-legend.png)
DEEP DIVE INTO DATA
Users are able to toggle between the map view and a list view of the data, and drill in for a closer look at employment specifics by district.
![oedd deep dive into data example 1](https://www.emberex.com/wp-content/themes/emberex-com/assets/images/oedd/oedd-deep-dive-1.png)
![oedd deep dive into data example 2](https://www.emberex.com/wp-content/themes/emberex-com/assets/images/oedd/oedd-deep-dive-2.png)
![oedd deep dive into data example 3](https://www.emberex.com/wp-content/themes/emberex-com/assets/images/oedd/oedd-deep-dive-3.png)
THE RESULTS
The state now has a reliable single source of education employment data. It’s easy to use for anyone who wants quick access to data, and simultaneously has advanced features for users who want to sort and filter data in whatever way they like.
ADMINISTRATION
All the employment data on the site is publicly available. However, district administrators needed a way to edit and upload job listings and add others with editing abilities, so we included a password-protected administration interface for these cases.
![oedd admin example 1](https://www.emberex.com/wp-content/themes/emberex-com/assets/images/oedd/oedd-admin-1.png)
![oedd admin example 2](https://www.emberex.com/wp-content/themes/emberex-com/assets/images/oedd/oedd-admin-2.png)
![oedd admin example 3](https://www.emberex.com/wp-content/themes/emberex-com/assets/images/oedd/oedd-admin-3.png)
Technology
Node, React, PostgreSQL