Hayden Doward is a full stack designer currently at Maythorpe

Get in touch
  • UX thinking & research
  • UI, graphic & identity design
  • Website design & development
Clients include
Education & experience

5+ years experience in UX and web design & developement

Bachelor of Communication Design, Monash University

Technical skills include

Figma and Sketch

Adobe Suite (PS, AI, AE, ID)

Web (HTML, CSS, JS, PHP)

Shopify

Two Oculi sit within the lively space

Christine Francis

Updated UI for the Women in Science timeline
Three projectors display the wall, two Kinect sensors behind track user movement
Reaction diffusion patterns are generated using OpenGL within TouchDesigner
The generated patterns printed on custom upholstered furniture designed by Sibling

Monash Biomedicine Discovery Institute foyer for Monash BDI

  • UX
  • UI
  • Development

The Biomedicine Discovery Institute (BDI) is tackling the big questions in biomedical research by bringing scientists together into cross-disciplinary discovery.

Our team's methods mimicked this multi-disciplinary approach when it came to designing the space. The collective goal was to use the space and embedded interactive elements to better present BDI as a modern home of cutting edge science. While Sibling Architecture designed the physical space, the team from MADA (Monash Art Design & Architecture) worked symbiotically to design the permanent foyer exhibition, integrating digital and interactive outcomes.

Collaborators

Hayden Doward Design + development

Robert Janes Design + development

Charlotte Denham Design

Morgan Ferrucio Development

The foyer exhibition consists of multiple interactive platforms.

Oculi

Throughout the foyer are Oculi; touch surfaces embedded into the custom fabricated cellular walls and podiums. The Oculi house interactive activities and news items educating visitors on the histories and discoveries of the Institute.

Updated UI design for the Oculi discoveries
History timeline

The timeline uses Xbox Kinect sensors to track users' movement across the length of the 6m projected timeline. Users interact with content simply by moving in front of the wall, walking through the history of the Institute.

Three projectors display the wall, two Kinect sensors behind track user movement
Role

UX+UI design

Development

Image making

Tools

TouchDesigner

Sketch & Figma

Xbox Kinect

NodeJS

Thanks to

Claudia Del Campo

Indae Hwang

eSolutions team

MADA

The history items can be viewed via Timeline or Category (pictured here)
The touch podium can control the history items displayed on the screen bank
Users can zoom into each category to view individual historical items
The screen bank is visible from the public thoroughfare, inviting visitors into the space

30 Collins St Foyer for Monash University

  • UX
  • UI
  • Development

The reinvigoration of the 30 Collins St foyer provided an opportunity for the space to provide context for Monash University's rich history.

A central touch podium allows visitors to privately browse this history. Visitors can browse content by category or chronologically and send these collections of items to be displayed across the bank of 10 screens for public viewing.

Role

UX+UI design

Development

Tools

TouchDesigner

Python

Sketch

Thanks to

Cat Flemming and eSolutions team

Office of the President and Vice-Chancellor

Using a metaphor of physical space allows interaction with the podium to be highly intuitive with a minimal learning curve. This was an important UX consideration given users would generally be visiting the space for short periods of time. Information is presented on several spacial levels. The highest level presents decades or categories. Users then zoom into curated timelines of items, and then reveal additional information for each item.

A high powered PC system is used to drive both the touch screen podium as well as the bank of 10 screens. Given the huge number of pixels the system is driving, multiple Nvidia Quadro cards are utlisied to power the project. A single program, built by myself using TouchDesigner, drives all of the displays, targeting a stable 30fps.

The repository contains a mix of illustrated and other data points
The XYX Lab designed infographic displayed on the exhibition wall

Bret Brown

Users can filter the vast repository to find relevant data points
Displays throughout the space allow access to the online repository

Bret Brown

Users can submit their own data points and view a live preview

HyperSext City Online Repository for XYX Lab

XYX Lab is making gender data visible, and generating new sources of data based on lived experience. Through the multi-modal tools of crowd-sourcing, co-creation and material making, HyperSext City surfaces, activates and amplifies the voices and experiences of a diverse range of people who are not often heard.

As a part multi-modal approach we created an online repository that encourages the distribtution and contribution of data from around the world. Visitors to the wesbite and to the exhibited space can explore filter and contirbute data points.

The repository adapts the visual assets crafted by XYX Lab into a sprawling grid of infographic information.

Role

UX+UI design

Front & back end development

Tools

Kirby CMS

PHP

HTML+CSS

JS

Thanks to

XYX Lab

Monash University

Users can submit data points by clicking tiles placed throughout the content grid. The submission form actively previews what the data point will look like. Once the item is submitted, the XYX Lab team can use various CMS tools to approve and manage items in the backend.