Arts education is a fundamental part of a child’s learning, but in the Chicago public school system, not every student has the same access. Artlook’s mission is to bring schools, partners, and the community together to improve arts education in Chicago. When Artlook came to us, they had already had a successful product that people were using, but they were hoping to widen and deepen Artlook’s functionality and optimize existing flows.
The overall goal when it came to redesigning Artlook was to not only improve the UX of the map and portals, but also give them a fresh look and feel that would be consistent throughout the full experience.
- Improved Search Experience UX: We found out in the user interviews that many users were going to the map to look up a specific school or partner, but that required several clicks. So we streamlined that flow as well as expanded the filter capabilities on browse view. We also revamped the search results so they would provide more contextual data both in the map and list view.
- School & Partner Data Dashboards: Not only did we have additional data to find a place for, but we also wanted to make it easier for users to digest the existing data that was being displayed. Schools are given a Creative School Score based on a subset of the data, so we grouped those data points together and included design elements that would give users more context.
In addition to enhancing the UX of the product, our team migrated the web technologies of the current product to accommodate larger scale and performance. This involved migrating a monolithic app architecture, that had performed well for a few years but was encountering performance bottlenecks, to a more modern and scalable API and client architecture. Along with architecture migration, we transitioned many pieces of the platform to performant open source web technologies such as Ruby on Rails, ReactJS, and Postgresql. These migrations helped to position the product well for scale to additional communities throughout the United States.
- Individual School & Partner Portals: Schools and Partners each have unique experiences that make it easy for them to share their arts related data.
- Data Dashboard & Scoring: Data collected from the portals is displayed on each School and Partner page for public view.
- PDF Reports: The data collected is used in PDF generated reports that allow for easy sharing.
- API-Based Architecture: A robust API architecture will make it easier to integrate with other data sources when they become available.
- Database Migration: Leveraging two open source data stores, Postgresql and ElasticSearch, allows for more performant access to read data for the map search UX and data science analytics.
- Search, Filter, and Sorting: We integrated Elasticsearch to improve performance and allow for more advanced queries when searching for a school or partner.
Shortly after the launch of the new version of Artlook, they gained additional interest from other communities in the U.S. wanting to use the Artlook platform in their community. This made int clear that collecting data around Arts Education was not just a problem Chicago had, but a national struggle for communities.
Since we knew when the project originally started that multi-tenancy was a possible direction Artlook might explore, and we made sure the application’s architecture was setup in a way that would make that addition possible. Jacksonville will be the first community on–boarded onto Artlook in early 2019, with a handful of other communities to follow shortly after.