Yale-NUS College Legacy

Introduction

Challenge: The Yale-NUS Legacy website is more than a simple archive. The goal was to transform a vast amount of historical content, including diverse text, images, and audio/video, into an engaging, immersive, and interactive experience that would celebrate the college's unique history and culture.

Decision Making:

• Component System: To handle various content types and a tight deadline, I designed a flexible and scalable component system. This modular approach streamlined development and ensured a cohesive design while efficiently managing different content types.
• From Archive to Experience: To transform a static archive into an engaging experience, I chose a narrative-driven approach. Instead of a simple photo gallery, I designed an immersive virtual campus tour. Similarly, for the college's history, I chose to present key moments through a visual, interactive timeline instead of a flat list.
• Human-Centred Storytelling: The site needed to feel human, so I focused on personal narratives and community stories. This decision allowed me to bring the college's history to life through the voices of students and faculty, helping visitors connect on a more emotional level.

Impact: The site needed to feel human, so I focused on personal narratives and community stories. This decision allowed me to bring the college's history to life through the voices of students and faculty, helping visitors connect on a more emotional level.

Target Audience

Yale-NUS College community:

• Students
• Alumni
• Faculty
• Staff
• General interested public

Process

Data Gathering: online survey, interview, focus group

Establishing Requirements: personas, use cases

Prototyping: low-fi prototype, hi-fi prototype

Evaluation: usability testing, focus group

Colour Palette

Drawing from Yale-NUS College's corporate colours, the palette blends vibrant blues and oranges with complementary neutral tones for a cohesive and dynamic design.

The Design

Interactive Campus Tour

I transformed a static gallery into an immersive virtual tour that allows visitors to digitally explore campus spaces and event scenes, providing a rich and interactive look into the college's physical environment.

Storytelling

The website features a dedicated storytelling section where vibrant narratives and personal accounts bring the college's history to life, creating a more engaging and human-centric experience for visitors.

Milestones

To clearly present the college's history, I designed a visual and interactive timeline of key events and achievements, making it simple for users to trace the college's legacy at a glance.