A screenshot of the Workrise Network's homepage.
A screenshot of the Workrise Network's homepage.
A screenshot of the Workrise Network's homepage, sized to mobile phones.
A screenshot of the Workrise Network's homepage, sized to mobile phones.
A screenshot of the Workrise Network's "About" page, demonstrating many different components.
A screenshot of the Workrise Network's "About" page, demonstrating many different components.
A screenshot of Pattern Lab, customized to the Workrise design system.
A screenshot of Pattern Lab, customized to the Workrise design system.
Client
The Urban Institute
Source Status
Closed
Time Period
2020 - 2021

The Urban Institute has been a client for Phase2 for a few years, and as a fan of non-profits and general human rights I was excited to get to work on one of their projects. The Workrise Network supports workers' rights, and wanted to have a site that could cleanly demonstrate their dedication while attracting readers to their studies and research results. An additional, metacontextual goal of this site was to work to create a platform that other Urban-based sites could use as a foundation; I was on one other project, currently not launched, that successfully branched from this one.

As part of the goal to provide this platform, we invested heavy time into utilizing Pattern Lab via Phase2's internal Particle project. Particle's goal was to create a throughline from "siloed design system" to "endpoint website", in this case Drupal 8. Pattern Lab creates the space to work on that design system and each component individually, then Particle renders that to templates which Drupal can consume. Although I had worked with Particle in the past, this was the first instance of me using it from the very start of the project to the end.

The website itself was, from my experience, a very lightweight and basic Drupal 8 site. Far from boring, this provided me with a playground to ensure we had the tightest, most efficient, and cleanest design implementation possible, while still providing the client with any fancy features they wanted. This project uses Tailwind to create and apply each of its styles, which was a new framework for me, and I really like our implementation of toc.js on any pages with headings. I think it makes the site slick, modern, and navigable.

The site as I originally created it is still live at https://www.workrisenetwork.org/.

Skills Used
Drupal 8
toc.js
Twig
Particle
Filed Under
Phase2
Drupal
CMS
Non-Profit
Design System