Lack of design documentation and systematic reuse created inconsistencies across experiences, and slowed delivery cycles. There was no shared language between designers and developers, causing friction in handoffs.

• Evangelised atomic design principles to the product and design team.
• Created a design component library in Sketch, mapped to engineering tokens.
• Documented states, interactions, and usage patterns in Confluence for accessibility and developer clarity.
• Implemented naming conventions and collaborative review processes for shared ownership.

After the system was implemented across key modules, we tracked handoff cycle times and UI defect rates. The chart below reflects improvements:

In user interviews, we discovered that people love the anticipation and physicality of traditional cards and packages—ripping open envelopes, applying stamps, and writing heartfelt notes. This feature replicates that emotional ritual digitally, making the experience more memorable and sensory.

• Create a digital interaction that mirrors physical mailing behaviour (dragging a seal, placing a stamp).
• Offer visual feedback and guidance (hover zones, highlight areas).
• Make the interface delightful and intuitive for both new and returning users.

• 3D envelope interaction (open/close, drag note).
• Smart stamp placement with visual cues.
• Custom stamp creator (use your own image or pick a preset).
• Gift integration with live preview (chocolates, flowers, etc.).
• Real-time delivery visual feedback (after purchase).

Designing natural drag-and-drop mechanics that feel responsive on both mobile and desktop was a major challenge. We also needed to ensure visual hierarchy was preserved despite animated elements, and tested motion sensitivity with users to avoid distraction or fatigue.

We conducted tests with 25 users (ages 21–58), focusing on interactivity and emotional reaction. Metrics included task completion, joy rating, and emotional recall after 24 hours.

The envelope feature became a highlight of Celecom’s user flow, increasing both gift conversion and emotional retention. Many users described it as “the most delightful part of the app.”

Lack of design documentation and systematic reuse created inconsistencies across experiences, and slowed delivery cycles. There was no shared language between designers and developers, causing friction in handoffs.

• Evangelised atomic design principles to the product and design team.
• Created a design component library in Sketch, mapped to engineering tokens.
• Documented states, interactions, and usage patterns in Confluence for accessibility and developer clarity.
• Implemented naming conventions and collaborative review processes for shared ownership.

After the system was implemented across key modules, we tracked handoff cycle times and UI defect rates. The chart below reflects improvements:

• Established end-to-end design workflows in collaboration with R&D.
• Integrated UX review stages into the agile sprint cycle for better validation.
• Led the design team in transitioning from desktop-first to responsive-first frameworks.
• Set up and monitored accessibility compliance as we scaled into regulated domains (AA guidelines).

We interviewed team members across functions to understand their bottlenecks in design implementation and sprint flow. Based on these insights, we introduced flexible documentation templates and standardised handoff kits. Our accessibility audit showed a 72% improvement in guideline adherence post rework.

On desktop, these cards were effective—but on mobile, space limitations prevented clinicians from easily scanning and interpreting results. The challenge was to reimagine the cards to work responsively, while maintaining their functional clarity.

Rather than duplicate physical cards exactly, I led the team to explore interaction-led redesigns. We tested gesture-based collapsibles, card flipping animations, and dynamic hierarchy models until we found a fluid layout that worked across devices.

This solution allowed for both high information density and accessibility while keeping the colour-coded priority system central to the experience.

• Tested with 12 clinicians and 8 mobile-first users.
• 90% of participants found redesigned cards easier to interpret on small screens.
• Clinicians reported faster triage decisions and lower visual fatigue during remote assessments.

• Defined and streamlined UX workflows across cross-functional squads.
• Built wireframes, clickable prototypes, and interactive flows for modules such as Health Kit, Task Planner, and Ratings Dashboards.
• Partnered with R&D teams and PMs to create a consistent design-dev bridge using annotated handoff specs and reviews.
• Contributed to early-stage research with clinicians and patients to uncover usability gaps in core navigation and mobile UX.

Initially, much of the system was shaped by academics with limited digital product experience. Design was desktop-first and inconsistent. One of my key challenges was advocating for responsive UX from the ground up—educating stakeholders, reorganising visual hierarchy, and helping devs rebuild flexible layouts for mobile-first needs.

Health Kit Dashboard: Designed the core patient-facing summary board with visual health indicators (dials, gauges, trend lines). Optimised visual hierarchy for clinicians to assess at-a-glance wellbeing insights.

Task Planner: Gamified tasks using reward feedback and behavioural nudges, making self-assigned actions stickier and trackable over time.

Responsive Frameworks: Overhauled entire interface system to work natively across mobile and tablet, including touch-first IA adjustments.

Post-MVP, I championed accessibility improvements across navigation, colour contrast, and keyboard/tab usability. Design files were restructured to follow AA guidelines, enabling the dev team to meet compliance efficiently. I also introduced scalable templates for onboarding new designers and engineers—cutting ramp-up time in half.

Celecom is a gifting coordination platform that eliminates last-minute gift card purchases and generic gifts. It connects organisers, recipients, and contributors in a beautifully designed, shareable celebration hub that supports local vendors and ensures timely delivery.

Most corporate or community gifts lack thoughtfulness, often resulting in unused gift cards or duplicate items. There was a need for a platform that could help people collaborate on meaningful gifts with minimal friction and maximum delight.

We surveyed 80+ users from corporate teams, schools, and busy professionals. Over 70% reported dissatisfaction with impersonal gifts, and 90% preferred gifting with clear input from the recipient. Businesses valued options to track and manage group gifting efforts more efficiently.

We ran usability testing with early adopters. They tested tasks such as creating an event, recommending a gift, and completing a purchase. The Highcharts below shows improved performance and satisfaction post-redesign.

Following iteration, 95% of testers said they'd use Celecom again. Companies highlighted it as a key differentiator for employee recognition and client gifting. The modular design also makes the experience highly scalable and visually engaging.

The project was inspired by the rise of Gen Z’s creative digital expression—and their need for safer, moderated spaces. selfiZing blends customisation and community with gamified well-being features.

Teen apps often ignore emotional wellness or overemphasise likes and popularity. Meanwhile, parents worry about online safety, while teens crave personalisation and freedom. There was no platform doing both well.

• Teens wanted avatar-based interaction over selfies.
• Parents supported features like mood journaling and limited sharing.
• Most users felt current social apps were “too toxic” or “too fake.”

Post-launch testing showed significant improvements in user retention, emotional engagement, and parent approval. Here’s how the metrics shifted:

• Interactive avatars & emotion-based prompts
• Private “Mood Journal” synced weekly to parents
• Gamified sharing system with no public likes

Built during a time when personal finance tools felt cold and spreadsheet-like, Walletz brings warmth, personalisation, and real-time feedback into money management. It empowers users to feel in control without the overwhelm.

Budgeting apps are often feature-heavy and intimidating, especially for users in their 20s just starting to manage their income. We needed a friendlier, simpler experience that didn't sacrifice power.

We tested multiple navigation patterns to optimise for speed and clarity. Using onboarding surveys, we mapped top user goals and prioritised them in the UI. Gamified nudges and visualised habits improved long-term retention.

Users reported a noticeable improvement in their money habits after just 2 weeks of use. App Store ratings averaged 4.8★. The project also became the foundation for a series of financial literacy workshops aimed at young adults.

G.OUT is designed to help users make smarter clothing choices based on live weather updates. The app provides hyper-local outfit guidance for people on the move.

Traditional weather apps offer generic data and cluttered UIs. Melbourne residents need tailored, glanceable outfit advice that responds to constant weather shifts.

We surveyed over 50 users and held user interviews with professionals, parents, and tradespeople. Key pain points included laggy UI, vague outfit suggestions, and lack of contextual info.

We started with low-fidelity wireframes in Sketch, evolving into interactive prototypes in Flinto. Emphasis was on tap-friendly navigation, quick load times, and bold weather visuals.

Participants performed key tasks like checking daily outfit advice and switching between time blocks. Feedback helped reduce clutter and enhance contrast for visibility outdoors.

The polished UI used large icons, weather-integrated animation, and colour-coded alerts. Post-launch, user retention improved by 35%, and app reviews praised its simplicity and speed.

Designed and developed in Objective-C, I crafted every element—from character art to the tiniest splash animation. Using Adobe Illustrator, Flash, and After Effects, I brought Peng and the game world to life with rich, squash-and-stretch motion that feels responsive and playful. The game showcases my ability to design with personality and deliver delightful interactions.

• 🕹️ Gesture-based controls for intuitive play
• 🐧 A bouncy penguin character that responds with exaggerated squash-and-stretch animations
• 🦈 A hungry shark that becomes more agitated if unfed
• 🐦 Flying birds with unpredictable behaviour patterns

I intentionally gave Peng a plump, goofy body and oversized flippers to maximise comedic movement. His stubby jumps and flailing arms add charm, while still maintaining precise control. The world was kept minimal with bold colours, allowing the characters to stand out and motion to feel fluid on mobile screens.

I researched real penguins and cartoony sidekicks for inspiration, sketching dozens of poses to find that sweet spot between “adorably clumsy” and “heroically reactive.” The shark? Designed to toe the line between terrifying and laughable—with buggy eyes and an exaggerated belly bulge when fed.

I used Flash and After Effects to create frame-by-frame sprites, focusing on comedic timing and satisfying motion arcs. Each animation was prototyped in-situ to ensure it responded well to gestures and felt natural in real-time gameplay. I also used particle effects to create fun splash, bubble, and jump moments that reward player actions.

The interface was kept ultra-minimal to stay out of the way during play. Scores float gently in the top corner, and feedback is given through animation and sound rather than intrusive buttons or text. This decision helped maintain immersion and ensured the game felt smooth even on smaller devices.