Key Contributions

• Evidence-Led Interaction Design: Synthesised insights from 8 in-depth interviews, 21 survey responses, and a series of walkthrough interviews conducted before usability testing to inform UX decisions that enhanced clarity, discoverability, and progression in complex learning environments.
• Accessibility-Focused Design System: Created a scalable design system with over 700 components, adhering to WCAG standards and responsive across three device breakpoints. Iterative prototyping and feedback loops resulted in a 40% improvement in task success rates.
• Tokenized Design System Integration: Structured a scalable and maintainable token system using Figma Variables and Tokens Studio, seamlessly integrated into Zeroheight. Enabled real-time visualization and consistency across color, spacing, and radius tokens—bridging design and development through automatic code mappings.
• Governance & Atomic Documentation: Established clear governance rules and documentation directly in Figma and Zeroheight using atomic design principles. This ensured scalable UI decisions across teams, with guidelines on naming conventions, component usage, and accessibility standards.
• Engagement Through Gamification: Integrated progress tracking, quizzes, and achievement rewards into the learning journey, which increased user retention by 40% according to Maze-based testing and post-test surveys.
• Cross-Disciplinary Research Application: Mapped cognitive and behavioural learning models to interface decisions, guided by the review of 15 academic papers and validated by bioacoustics experts and lecturers.