UI/UX design for world leading face biometric authentication.
skillsets:
UX
Research
Approach
UI
Iterative interface design
Web
Development
HTML5 client
The HTML5 client is iProov’s client for web browser authentication. What this means is that any type of device whether it’s a mobile or PC It can be used for Face verification.
My role was to design and implement the new user interface as part of the HTML5 client. The initial designed that was used for mobile devices consisted of just an Oval which best matched the average shape of human faces and an output field to instruct the user in performing specific actions.
Since we had more creative freedom on the HTML5 platform my initial designs were a lot more experimental and explorative.
The very first iteration of the HTML 5 user interface.
User interface for Waterloo Bank demo.
The latest version included dynamic SVG's assets that could also be scaled on mobile devices.
The process
From an initial design I then went on to create the UI using CSS, JavaScript and Scalable Vector Graphics (SVG).
The use of SVG’s were essential in creating a scalable and consistent UI on multiple screen sizes and offered great flexibility in creating the type of UI/UX that users could easily navigate through.
Waterloo Bank Demo
Old Generation Prototype.
How to iproov video built within the user interface.
Current version
The result
The HTML5 client has now made Face Verification more accessible, offering a clean and secure user experience.
The success of the HTML5 client has now strengthened iProov’s brand has being Award-winning online biometric authentication.
The presentation of the UI was fantastic, I am happy with how things turned out.