Through the redesign of Outlay, my focus has been on modernising the interface to give it a visual lift, but more importantly, to simplify and rethink the user flow of the product.
Rethinking the UX
A major part of the project has been based on rethinking all the user flows from how the flow of scanning a receipt and adding it to the app as well as how to approve outlays.
Through an agile process, I have redesigned the old Outlay app and web application to meet contemporary standards for a good user experience. Other than brushing up the entire user interface, I have also implemented various new features in the design, such as a camera scanning feature which automatically detects the receipt from the smartphone camera and crops an image out of it, to ultimately create a better experience for the users.
The project ended up in more than 100+ screens of UI design, which were then implemented by the rest of the team, while I was giving continuous feedback on the implementation to ensure that what was built aligned with the design.
About the app
The user opens the app and clicks on the, intentionally highlighted, the camera icon from the navigation menu. The user then takes a picture of the receipt for their expense with the use of their smartphone and adds simple details, relevant for the Outlay accountant.
Once the details have been approved, the user sends the expense for approval. The accountant or responsible person at the company will then receive a notification, asking them to review the expense, before sending it to an Outlay accountant that will finally manage the expense in the company’s finances.