--- title: An online exhibition for Monash University’s graduating students date: 2021-03-08T16:35:29+11:00 author: Portable canonical_url: "https://portable.com.au/work/case-studies/monashmada" section: Case studies --- ![](https://portable.com.au/assets/_transforms/images/11246/YEW3ZxEAACIAScmW_9f897b1382d56b7dbd210a479f72ecc7.jpg) Monash University's [Faculty of Art, Design and Architecture](https://www.monash.edu/mada) has been showcasing the exceptional work of their graduating students since 2010 at their annual event MADA Now. In lieu of a physical exhibition due to the impact of COVID-19, Monash University adapted the delivery of this significant event to online. The [MADA Now online exhibition](https://www.monash.edu/mada/student-work/madanow2020) experience needed to put student work at the fore. Without the pivotal annual gallery exhibition, the final platform needed to showcase the final works and achievements of students without distraction, be easy to navigate across to different departments and their courses, show which students were given awards for their achievements and be able to host the live stream of events on the opening night. These were key considerations of both [TCYK](https://tcyk.com.au/) and Portable when we set about to design and build the new platform. We kept the needs of students at the centre of our focus, mindful of the turbulent year they had experienced. ## Approach Working in partnership with TCYK Working closely with the heads of faculty and our design partners TCYK, we supported the design decision making process by assessing technical feasibility to ensure we could deliver a cohesive and user-friendly experience. Our developers worked closely with TCYK’s designers early on, attending showcases and providing feedback on designs from a technical and implementation perspective. ## Technical solution design In assessing the technical requirements, we worked with the technical teams at Monash University to understand the larger context the platform would live long term. In doing so, we were able to work with Monash to ensure our React front-end could match the technical team's CMS needs whilst also incorporating the use of the Art, Design and Architecture department's library of student work using APIs. The final solution was implemented using Squiz, ensuring that the long-term management of the MADA Now content could be managed at no additional cost to the university and without requiring any new CMS training. ## Front end implementation Based on the MADA Now designs by TCYK, we built the front end working closely with them as a team communicating regularly about the progress of the build and seeking their input throughout the process. TCYK participated in User Acceptance Testing the site to provide design guidance to Portable's development team. The close partnership between TCYK’s designers and Portable's producers and web developers allowed us to deliver a polished front end experience which brings TCYK's designs to life and showcases student work. ## Bulk content uploading With a large volume of student data to be uploaded to the website, we developed a bulk content upload feature allowing formatted spreadsheets to be easily entered into the system, automatically creating and populating student galleries. The bulk import combined with fetching media and metadata via Flickr’s API prevented double handling and manual data entry. ## Online streaming With the exhibition launch being delivered remotely, the MADA Now site needed to help students, families and friends navigate to the live YouTube events for the acknowledgements and awards ceremonies. Through the website backend, MADA staff could configure a prominent call to action to join one of the several Youtube Live Streams happening on the night. These could then be removed and archived once the event had passed. ## Outcomes The result is a platform able to be managed within Monash's CMS that is both familiar and functional, without compromising on a polished front-end experience. The MADA Now online exhibition launched in a digital open night event in December 2020, with live stream events allowing students, lecturers, families and friends to attend remotely and celebrate together including those residing outside of Australia due to border closures. Check out the MADA Now online exhibition experience for yourself to see the dynamic front end display of student work in action: [www.monash.edu/mada/student-work/madanow2020](https://www.monash.edu/mada/student-work/madanow2020) ### Download our report on designing for education ![](https://portable.com.au/assets/_transforms/images/18901/e9649709-a362-4531-b08c-e91a916b340a_Design-for-education-Square_9f897b1382d56b7dbd210a479f72ecc7.jpg) ## Explore more of Portable's work - ![](https://portable.com.au/assets/_transforms/images/caseStudy/education-tool-ux-accessibility-review/9497/aSTvimGnmrmGqOTB_638b64f2391dff6e364e5709b4734889.png)### [Listening, testing, learning: a UX journey with the Department of Education](https://portable.com.au/work/case-studies/education-tool-ux-accessibility-review) - ![](https://portable.com.au/assets/_transforms/images/caseStudy/cool-australia-website-redevelopment/8945/ZYUYGhIAACgAyLRf_638b64f2391dff6e364e5709b4734889.png)### [Unlocking the Cool Factor: The successful digital transformation of Cool.org](https://portable.com.au/work/case-studies/cool-australia-website-redevelopment) - ![](https://portable.com.au/assets/_transforms/images/caseStudy/anzsog-digital-presence/8087/ZIo9shYAAC8APG2W_638b64f2391dff6e364e5709b4734889.jpg)### [Building a modern and flexible digital presence for ANZSOG to strengthen public sector leadership](https://portable.com.au/work/case-studies/anzsog-digital-presence) - ![](https://portable.com.au/assets/_transforms/images/caseStudy/the-wheeler-centre-website/12217/Yx5NvhYAAC8ANU4D_638b64f2391dff6e364e5709b4734889.jpg)### [A new digital experience to support The Wheeler Centre’s conversations for change](https://portable.com.au/work/case-studies/the-wheeler-centre-website) - ![Design smarter, not harder: digital product design without starting from scratch](https://portable.com.au/assets/_transforms/images/event/design-smarter-not-harder-digital-product-design/22137/YIoXqBEAACMAJBA7_638b64f2391dff6e364e5709b4734889.png)### [Design smarter, not harder: digital product design without starting from scratch](https://portable.com.au/events/design-smarter-not-harder-digital-product-design) - ![Storytelling moves to conversational UI](https://portable.com.au/assets/_transforms/images/event/storytelling-moves-to-conversational-ui/84162/Xj0NkREAACAABcny_2026-09-16-065242_zyxx_638b64f2391dff6e364e5709b4734889.jpg)### [Storytelling moves to conversational UI](https://portable.com.au/events/storytelling-moves-to-conversational-ui) - ![](https://portable.com.au/assets/_transforms/images/article/laracon-au-2023/2970/ZWfAVBYAADIAklTP_638b64f2391dff6e364e5709b4734889.png)### [Developing Artisans: Portable’s experience at Laracon AU 2023](https://portable.com.au/articles/laracon-au-2023) - ![](https://portable.com.au/assets/_transforms/images/article/vegkit-website-rebuild-wins-web-awards-2023/4116/ZJAn_hYAADIASoF0_638b64f2391dff6e364e5709b4734889.jpg)### [Portable's secret recipe: VegKit website rebuild wins at the 2023 Australian Web Awards](https://portable.com.au/articles/vegkit-website-rebuild-wins-web-awards-2023)