Documents Scanner

Wells Fargo Documents Scanner Concept

Project Overview

Documents scanner is a concept feature that innovative group Wells Fargo Labs is testing with. Wells Fargo Lab want show cases their AI machine learning technology in area like auto-recognize banking documents. Our design challenge is to create UI for the use cases involving documents scanning.

Project Background

This is a 3 weeks client project for Wells Fargo Lab in October 2018
My Role

Responsible for wireframes and visual design for one directions.
Tools Used

Sketch app
Design Challenge

Design a desktop document scanner and mobile receipt scanner.

Team Setup

For this project, we are a team of three with me, another designers and a project manager. Based on the time constraint and client's request, we decided to deliver two separate variations. All designs shown below are the variation I created myself.

Document Scanning on Desktop

On the desktop version of the document scanner, users use the scanning functionality within part of mortgage the application. Users are presented the list of documents they need to upload. By holding up the documents in front of the camera, It will automatically take the pictures and recognize which documents it is.

1. Confirm the needed documents

2. Confirm the needed documents

2. Confirm the needed documents

Document Scanning on Mobile

On the mobile version of the document scanner, users use the scanning functionality to keep track of business or personal expenses using phone camera.  By scanning the receipt, it will recognize the itemized transaction details and user can choose to exclude certain item. Furthermore, users can use tags, groups, and filter to help them organize the receipts uploaded.