![](data:image/svg+xml,<svg display="block" id="4163553661" role="presentation" viewBox="0 0 115 40" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="40.00000033569336px" id="WtpY3zH5L" width="115.46100268554676px"><path d="M 0 0 L 113.688 0 L 113.688 38.227 L 0 38.227 Z" fill="transparent" height="38.227000000000004px" id="pY_MEl6_o" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.071" stroke="rgba(255, 255, 255, 0.7)" transform="translate(0.886 0.887)" width="113.68799999999999px"/><path d="M 3.546 31.767 C 5.917 31.695 6.707 31.192 6.707 30.042 L 6.707 9.923 C 6.707 8.773 5.917 8.27 3.546 8.198 L 3.546 7.731 C 7.21 8.019 12.276 7.731 13.57 7.731 C 20.755 7.731 22.66 10.461 22.66 13.192 C 22.66 15.456 20.647 17.792 15.905 18.689 C 21.797 19.156 24.06 21.492 24.06 25.12 C 24.06 28.713 21.114 32.234 13.318 32.234 L 12.671 32.234 C 9.618 32.234 6.959 32.09 3.546 32.234 Z M 10.516 29.899 C 10.516 31.084 11.162 31.695 13.246 31.695 L 13.498 31.695 C 17.881 31.695 19.965 29.108 19.965 25.228 C 19.965 21.168 18.132 19.084 13.031 19.084 C 12.276 19.084 11.414 19.084 10.516 19.049 Z M 10.516 18.581 C 11.21 18.617 11.906 18.617 12.6 18.581 C 16.91 18.401 18.6 16.461 18.6 13.301 C 18.6 10.139 16.587 8.271 13.426 8.271 L 12.923 8.271 C 11.163 8.271 10.516 8.881 10.516 10.067 Z M 24.953 31.767 C 27.216 31.695 28.043 31.192 28.043 30.078 L 28.043 9.888 C 28.043 8.809 27.216 8.27 24.953 8.198 L 24.953 7.731 C 27.935 7.875 32.066 7.875 35.048 7.731 L 35.048 8.198 C 32.605 8.306 31.851 8.917 31.851 10.103 L 31.851 29.863 C 31.851 31.084 32.605 31.659 35.048 31.767 L 35.048 32.234 C 31.683 32.162 28.318 32.162 24.953 32.234 Z M 53.736 32.306 C 47.808 32.27 41.844 32.234 35.881 32.234 L 35.881 31.946 L 50.18 8.235 L 45.473 8.271 C 41.377 8.307 39.509 9.637 37.893 15.205 L 37.497 15.169 C 37.892 12.223 38.18 10.535 38.395 7.661 C 43.713 7.733 49.065 7.733 54.383 7.733 L 54.383 8.056 L 40.228 31.73 L 45.617 31.694 C 50.683 31.658 52.659 30.077 54.311 23.862 L 54.742 23.934 C 54.132 28.209 53.844 30.401 53.736 32.304 Z M 58.73 9.887 C 58.73 8.809 57.904 8.27 55.64 8.198 L 55.64 7.731 C 58.623 7.875 62.754 7.875 65.736 7.731 L 65.736 8.198 C 63.293 8.306 62.539 8.917 62.539 10.103 L 62.539 19.659 L 69.652 12.438 C 72.634 9.384 72.311 8.306 68.898 8.198 L 68.898 7.731 C 73.856 7.875 75.149 7.875 78.526 7.731 L 78.526 8.198 C 76.442 8.306 73.784 8.953 70.73 12.078 L 65.377 17.468 L 72.814 27.923 C 74.754 30.797 76.586 31.659 79.209 31.767 L 79.209 32.234 C 76.659 32.162 74.106 32.162 71.556 32.234 L 62.826 20.019 L 62.539 20.306 L 62.539 29.863 C 62.539 31.084 63.293 31.659 65.736 31.767 L 65.736 32.234 C 62.371 32.162 59.005 32.162 55.64 32.234 L 55.64 31.767 C 57.904 31.695 58.73 31.192 58.73 30.078 L 58.73 9.888 Z M 80.041 31.71 C 82.305 31.638 83.131 31.135 83.131 30.02 L 83.131 9.83 C 83.131 8.752 82.305 8.213 80.041 8.141 L 80.041 7.674 C 83.023 7.818 87.155 7.818 90.137 7.674 L 90.137 8.141 C 87.694 8.249 86.939 8.86 86.939 10.045 L 86.939 29.805 C 86.939 31.027 87.694 31.602 90.137 31.709 L 90.137 32.177 C 86.772 32.105 83.406 32.105 80.041 32.177 L 80.041 31.709 Z M 90.97 14.27 C 91.436 11.109 91.616 8.989 91.724 7.66 C 98.514 7.803 104.406 7.803 111.16 7.66 C 111.268 8.989 111.484 11.109 111.915 14.27 L 111.484 14.342 C 110.082 9.779 108.645 8.306 104.729 8.306 L 103.364 8.306 L 103.364 29.755 C 103.364 31.085 104.118 31.659 106.562 31.767 L 106.562 32.234 C 103.197 32.162 99.831 32.162 96.466 32.234 L 96.466 31.767 C 98.729 31.695 99.556 31.192 99.556 29.971 L 99.556 8.306 L 98.298 8.306 C 94.238 8.306 92.801 9.779 91.4 14.342 Z M 0 0 L 1.702 0 L 1.702 1.702 L 0 1.702 Z M 0 38.298 L 1.702 38.298 L 1.702 40 L 0 40 Z M 113.759 38.298 L 115.461 38.298 L 115.461 40 L 113.759 40 Z M 113.759 0 L 115.461 0 L 115.461 1.702 L 113.759 1.702 Z" fill="rgb(255, 255, 255)" height="40.00000033569336px" id="MeTWuZRl8" transform="translate(0 0)" width="115.46100268554687px"/></g></svg>)
pay.com.au
Business payments, now in every pocket
USER TESTING
APP DEVELOPMENT
PRODUCT DESIGN
DESIGN SYSTEM
/
OVERVIEW
pay.com.au is an Australian B2B payments and rewards platform built for small and medium-sized businesses. Business owners use it to pay suppliers, the ATO, payroll and rent by credit card or bank transfer, even when the payee doesn't accept cards, and earn PayRewards Points on every eligible payment.
With a well-established web app already at the centre of their customers' finances, pay.com.au was ready for its next step: meeting business owners wherever they are.
Their brief was clear. Bring the full web experience to mobile so customers can pay a bill, manage payees and track their rewards on the go, with the same confidence they have at their desk.
/
PROJECT OVERVIEW
/
WHAT WE DID
From mapping the web platform to delivering a production-ready design system, we brought pay.com.au's payments and rewards experience to mobile. The result gives customers the freedom to pay bills and earn points wherever business takes them, with a consistent experience across web and app and a design foundation ready to scale with the product.
/
OUR PROCESS
Mapping the web experience
We analysed pay.com.au's existing user flows end to end, understanding how customers add payees, make payments and manage their rewards on the web.
Reimagining flows for mobile
We translated each journey into a native app experience, reshaping steps and hierarchy for smaller screens while keeping familiar patterns for existing customers.
Wireframing and prototyping
We wireframed the core journeys and built interactive prototypes in Figma, bringing the app to life before a line of code was written.
Testing and refining
We put the prototype in front of real users, observed how they paid on the go and refined the experience around what we learned.
Building the design system
We created a design system library from scratch, giving pay.com.au a scalable foundation of components and patterns, then handed over to development with everything needed to build with precision.
Impressions worth remembering
[
READ MORE
READ MORE
]