The Story

While Raffles Graduation 2015 marked the first time the graduation book went digital, 2016’s edition was similar, just that it was enhanced for mobile responsiveness. Therefore, a mobile web application was created. Guests and graduating students were welcomed to view their works on the platform and in comparison to 2015’s, the user experience was enhanced, thus delivering an intuitive and responsive platform for users to view.

Raffles Education



The Problem

Over the years, guests of graduates are being given a physical copy of the graduation book. It was only changed in 2015 when guests were presented with pendrives featuring works of all graduates. Then again, that was not conducive as not everyone has access to a computer instantaneously as many were travelling from overseas to participate in the graduation show.

The Solution

For this, a web application was created so that visiting guests can have instant access to works of graduates before, during and after the show.

The Process

As we were building this within a constraint timeline, we decided to make this a mobile-first experience as it will primarily be viewed from the RafflesSG app. Here’s a rundown of what we have done.


Amongst the team, lecturers and stakeholders, we defined the objective of this product which was pretty straightforward as the key was to amplify its exposure to the masses who are attending the graduation.

Target Audience

Primary: Guests & Friends of Graduates and Industry Partners

To showcase the graduates’ works to guests on a mobile platform that is instantaneously accessible to the masses

Secondary: Graduates

For graduates to view their works and reflect on their successes and achievements


Moving on, we went on to research similar platforms by existing institutions for user journey purposes. We also spoke to external peers such as educational consultants and students to help in defining the personas for our target audience. Questions such as “what do you hope this platform can do for you as a student” and “who do you want to show this to” helped us to craft out the user background, environment, end goals and scenario for our personas.

To keep it short and sweet, our personas consist of (a) industry partner and (b) guest of graduate as the ultimate end goal is to promote the students’ works for greater opportunities.

Information Architecture

With a definitive research as the foundation, we started developing user stories and user journeys that defined the way our personas will navigate through the web application.

User Stories & User Journey

Through our research analysis, we defined user stories and focused on what the personas’ purpose is. As the industry partner is looking at hiring purposes, we came up with stories to further shape the features of the product. With that, we articulated the user journey from onboarding to touchpoints. We also focused on user-centered design process and involved stakeholders to help shape the product in a continual process.


As timeline was tight, we moved forward with the wireframing and prototyping and applied the existing graduation book’s design scheme to further define the product.

Remote Usability Testing

Due to its unfortunate timeline, there were no usability tests during graduation day. However, lecturers were asking for feedback from students and they helped to iterate on the product for subsequent graduation shows. Nonetheless, I was not there to assist as I had already left the company by then.


Here are some screenshots of the product: