Qkr! Platform Reskin & UX Uplift
Project Info
Qkr! is a school payments platform used across mobile app and web experiences. The project focused on modernising the product through a CommBank-aligned visual reskin, accessibility uplift and scalable design system foundations, while preserving familiar ordering and payment behaviours for existing users.
The work required the experience to be rebuilt from limited existing design documentation, creating a clearer foundation for consistent delivery across iOS, Android and responsive web. My role included creating high-fidelity screens, defining reusable UI patterns, developing tokenised design system foundations, documenting interaction behaviours and working with Mastercard, CommBank, business, technical and accessibility stakeholders to support implementation.
Approach
The first phase focused on establishing a scalable UI foundation for the product. This included defining colour, typography, spacing, states, surfaces, borders, reusable components and interaction patterns that could support consistent implementation across multiple platforms.
The second phase moved into broader experience improvement, reviewing user feedback and existing journey friction to redesign key flows across school discovery, ordering, account management and transactional journeys. The focus was on reducing friction, improving clarity and creating a more modern experience without disrupting familiar product behaviours.
Focus Areas
Product design, UX/UI design, design systems, design tokens and tokenisation, accessibility-aware design, WCAG-informed design, mobile app design, responsive web design, interaction design, journey and flow redesign, stakeholder alignment, design documentation and development handover.
Access & Project Status
This project is currently active, so this page shares a high-level overview and selected visual context only. Detailed artefacts, implementation documentation and some project specifics are not shared publicly at this stage.
I can discuss my role, process, design approach and outcomes in more detail during an interview. If you’d like to learn more, please get in touch.
