As part of the graduating class of NUSDID (National University Division of Industrial Design), I was being tasked to create a webpage embodying all the works of my fellow studiomates for our graduation show.
The concept is to use simple HTML, CSS, and Javascript to achieve a webpage that is easy to load and navigate. Yet, follows closely to the design language of the graduation show.
The browser should feel a holistic presentation of designers and their works with as little clicks as possible. This is done through a grid system, and the only javascript in this website - onclick image swap, that layers elegantly on top of their respective designers.
-
homepage:
The user is presented a collage of all the graduating designers. A click on the "WORKS" toggles into a collection of works done by the respective designers. This giving a sense of belongingness and pride to every of the works presented.
designers pages:
_
circular nodes as a preview of projects showcased in every designers' page
footer:
easy navigation at the bottom of page.
left for previous designer, right for next designer, and a handy dandy "back to top" button in the middle
thought process:
