A One Stop Multi-Programme Booking Platform for Schools
Product Designer | Saas, UX, UI, Research, User Testing, Branding
SDIS (Student Development Integration System) is a Salesforce-based booking platform that helps schools access multiple MOE national programmes through clear, streamlined workflows.
Timeline
Mar 2025 - Jul 2025 | Jul 2025 - Oct 2025
Collab
15+ Team of Engineers, Designers & Analysts
Tools
Salesforce
Figma
Jira
Confluence
Miro
Context
To create a scalable booking experience
Before SDIS, teachers coordinated sports, school camps and Singapore Youth Festival (SYF) venues manually through official email chains, forms on excel sheets, physical logbooks, phone calls with venue operators, and decentralised school portals.
The project journey began with Outdoor Adventure Learning Camp (OALC), where we worked closely with existing users to identify the booking flow, pain points and real-world constraints on the ground. We mapped how they manage calendars, how schools request slots, yearly booking cycles and so on which became the foundation that allowed us to design a system that could later scale to other school programmes like Singapore Youth Festival (SYF) and National School Games (NSG).
UX Contribution
Calendar Design
The heart of SDIS's design is the GoMeddo Calendar
Even though it was an off the shelf solution that was already powerful, we had to tailor it to fit a visual system that could:
-
show multiple booking phases clearly
-
represent different slot types using colour logic
-
display the right details on each card (capacity, school, status, phase)
-
avoid visual clutter despite complexity
-
work within Salesforce’s constraints
-
support different types of users (i.e. administrators, teachers, etc.)
-
scale to national usage
These required very intentional decisions about information hierarchy, metadata and colour mapping.
Design System
Curation of Salesforce Lightning Design System (SLDS)
Using a subset of the SLDS Foundation, we carefully aggregated colours, typography and forms that suits the flow and structure we have planned for.
Iterative Design & UX Testing
Refining through Multiple Feedback and Iteration
Card designs, modal flows and colour logic were refined based on feedback with users to balance user needs and platform limitations.
➜
➜
➜
➜
System Architecture & UX Logic
Translating real-world booking rules into Salesforce's & GoMeddo's simple interface
We needed a structure that could clearly communicate the different and unique booking phases. Mapping each booking phase to specific UI behaviours ensured that the calendar reflected the correct rules so that schools saw the right booking slots at the right time, without confusion.
Card Metadata Hierarchy
Each GoMeddo card had to communicate a lot of information at a glance. We defined a strict hierarchy to reduce cognitive load which made high-tstakes decisions clearer for schools.
Branding Contribution
SDIS Logo
Connecting multiple booking systems into one unified experience
Since the essence of the product is connection, I drew inspiration from the Wi-Fi symbol as a visual metaphor for network, access and seamless linkage.
The logo blends meaning with simplicity: the quadrant shapes form an S while the orange Wi-Fi arcs double as the dot of the “i” symbolising connection. The two blue quadrants hint at a D, completing the acronym in a compact mark. The colours — cornflower blue (sports), lilac (music) and orange (adventure) —represent the range of student development programmes the system supports.
