I spent the month of January, with much help from Harris Lapiroff, remaking the How Oberlin Works website, which gives users a look into the inner workings of the institution. We migrated all of the old data, and then redesigned the website using Django (link).
The main layout was designed to look very clean, while incorporating the school's signature red.
Many 'Overview' pages involved schematics showing how different power structures relate to each other.
I used the minimalist Shadowbox to display full-size diagrams.
Mptt-tree was used to organize the numerous offices stored in the database. I created an expandable menu with Javascript, and used session storage to remember the user's location in the menu.
We also took advantage of mptt-tree to let us display the parent and child elements of each office, to allow for clear navigation.
The design was inspired by paper--I imagined the different elements of the page being written on cards and placed on the background. The 'Documents' page highlights this style especially well.
