Case study · Singapore Airlines
Reducing uncertainty in meal selection
A mobile-first redesign that made eligibility, availability and saved selections clearer for users.
Key outcome
Post-launch behavioural analysis showed that user struggle decreased by more than half.
The challenge
Users needed greater confidence that meals were available to them and that their choices had been successfully recorded.
- Selecting a meal did not complete the process. A separate Save action was required, which some users missed.
- Users who were only eligible to view the onboard menu sometimes believed they could pre-select those meals.
- Unavailable options still appeared interactive, leading users to select them repeatedly.
My approach
I combined behavioural evidence, comparative research and usability testing to understand where users struggled and validate the redesigned experience.
- Analysed session replays and interaction patterns across the existing journey.
- Benchmarked meal-selection experiences from other airlines and related services.
- Designed the new experience mobile-first, then adapted it for larger screens.
- Tested the end-to-end flow with 10 users and refined it using their feedback.
- Worked with product owners and developers through implementation.
- Reviewed behavioural signals again after launch.
What changed
The new flow made availability, completion and next steps clear at the point of selection.
- Save immediately: selecting a meal records the preference without a separate Save action.
- Make states clear: selection, success, availability and errors are easy to recognise.
- Separate eligibility: view-only menus no longer appear selectable.
- Show next steps: users can see the selection cut-off and what to do if something goes wrong.
Before
Selection depended on an extra step
- Eligibility was unclear.
- Unavailable options appeared interactive.
- Users could leave before saving.
Redesigned
Selection saves immediately
- View-only menus are separated.
- States are visually distinct.
- Confirmation appears immediately.
Visual note: These are anonymised representations. Replace them with approved Figma exports before publishing if you have clearance.
Testing and iteration
I tested the end-to-end experience with 10 users across mobile and desktop, focusing on task completion, ease of use and navigation across multiple flights.
What I learned
- Mobile users took longer to locate the correct flight segment on longer itineraries because fewer segments were visible at once.
- None of the users used the collapsible accordions, so I removed them from the final design.
- Although 6 of 10 users preferred separate departure and return tabs, I retained the passenger-based view to remain consistent with the wider booking experience.
Outcome
All 10 usability-test participants completed the end-to-end flow. After launch, behavioural analysis showed that user struggle decreased by more than half.
The final experience gave users clearer feedback about eligibility, availability and saved selections across mobile and desktop.
Reflection
This project reinforced the importance of making system status visible. A selection flow is not complete simply because the action succeeds technically. The user must also understand that it succeeded and know what can happen next.
Not every proposed improvement was implemented. I recommended using meal imagery to help users understand their options, but this was not taken forward due to business constraints. Within the feasible scope, I prioritised clear eligibility, immediate confirmation and consistency with the wider booking experience.
Next