Expense
design it.
Start with a mobile-first design for expense tracking. The primary user being a drive on-the-go making expense submissions. The secondary user would be the management to edit or view submitted expenses.
Design the desktop version with the finance management to also add and edit expenses. Ability to view expenses to approve and balance business accounts.
code it.
Created front-end in .NET and collaborated with back-end developers to finalize.
Responsive • SCSS • HTML • .NET • JQuery • Adobe Illustrator • Adobe Photoshop • Visual Studio
Access
Sign in access and Forget password
Sign In
PIN
User can use PIN for easy log in
Forget Password
Dashboard
Expense dashboard
Add new expense
Basic details
Equipment details
Expense - Paid for
Expense details with 'Paid for' selected
Expense - On Account
Expense details with 'On Account' selected
Upload Receipt
View image
When clicking on uploaded image show image preview
Desktop
View & edit expense
View existing expenses
View preview of expenses in collapsible sections with the ability to edit
Edit Expense details
Expense expanded to view and edit details
Edit expense equipment
Equipment tab
Edit Expense
Charts
