Copyright © 2023 Bimalesh Sahoo. All rights reserved.
Made with ♥ & several cups of coffee.
Company e-Bill
UX Design
Product Design
Overview
Bill processing solution allows user to pass the pdf file name of bill through web url or postman to server, where processing takes place and results with extracted entities from bills are returned in json. With the new bill processing application users can take photo of the bill and upload the bill from their mobile devices. The scanned image will be locally processed in the mobile using machine learning algorithms and the extracted entities after processing will be displayed in the user interface.
My Role
Understand the user stories defined for the business case required to propose a desired solution.
Interview potential users of the application and identify their needs.
Create an information architecture to define the user journey of the application.
Make wireframes for the proposed user flow.
Refer to the design system to use the style guides and design UI components as required.
Make a clickable prototype of the entire application.
Handover the design assets to the developers with proper documentation and assist them whenever required.
User Stories
The users of this application are employees of an organization, who upload bills for the reimbursement of expense claims while on a business travel.
The user should be able to login to the application using his/her credentials.
After Logging in user should be able to take a photo of bill using mobile camera and upload Bill for his/her expenses during official travel in mobile.
The uploaded bill image will be locally processed in mobile using machine learning algorithms.
After processing the extracted entities will be displayed to the user in user interface.
The user can confirm if all the entities are correct and make any corrections if required.
After the confirmation the entities will be sent to HR for approval.
Information Architecture
Wireframes
User Interface Screen Design
Design System
