MediumSurbana Jurong’s Campus App Design | by Masturah M. | Medium
Sitemap

Surbana Jurong’s Campus App Design

3 min readSep 11, 2026

--

Launched in Surbana Jurong Singapore
Role Principal Designer
Deliverable QR Door Access Feature & Campus News
Impact Reduced 30% clutter in e-mails, with campus news delegated to the app

Problem #1

To open a door on campus, the user must open a link and log in through Microsoft SSO daily. Because the QR code times out, they may be logged out several times a day. With 7 buildings on campus, a typical user would have to use the QR code ~4 times a day.

Imagine running from a meeting in Building 1 to another in Building 7 and having to log in to Microsoft to get the QR code to open the door, while holding on to your laptop in one hand, and a cup of hot coffee in the other. Or, worse, all of that and needing the bathroom. Based… loosely on my personal experience.

Press enter or click to view image in full size
Left: Active QR code, users are still able to Get new QR code upon request. Right: Expired QR code, with the focus on a new QR code request

Solution #1

  1. A native application for internal users with a Microsoft SSO that does not time out during the day (or as often as a web app).
  2. To maintain security and follow company policy, the QR code will still time out. Opening the Campus App triggers Face ID, so the users will always have access to a working QR code. A user will only need to click ‘Get new QR code’ if the app is open for a long time and the QR code times out.
Press enter or click to view image in full size
Triggers Face ID to refresh code, so user does not have to click on ‘Get new QR code’ on app launch

Get Masturah M.’s stories in your inbox

Join Medium for free to get updates from this writer.

Problem #2

As all large organisations know, an insurmountable amount of information must be shared across the company. This has clogged many employees' inboxes, causing them to miss important emails and delete internal news emails without reading them. This is because they receive the information when they don’t need it. For example, when they're at their desk working on how to put out a (metaphorical, work-related) fire, they don’t need to know there’s 20% off Magnum ice creams in the cafeteria today. This information, though well-intentioned, becomes a nuisance.

Solution #2

  1. All campus news will be featured under ‘News’ and categorised. This means no more spam emails about campus news.
Press enter or click to view image in full size
Events & Activities grouped together

2. Most posters were not designed for this resolution, so users can view the full poster by clicking on ‘Learn more’

Press enter or click to view image in full size
Click on ‘Learn more’ to see full information before registering

Future plans

  1. Separate ‘Home’ and ‘Profile’ when there is more information under ‘Profile’.
Press enter or click to view image in full size

2. Highlight Today’s events

--

--

Masturah M.
Masturah M.

Written by Masturah M.

A user’s fiercest advocate, helping them fall in love with products and businesses.