HTML5

UI/UX design for world leading face biometric authentication.

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.
The very first iteration of the HTML 5 user interface.
User interface for Waterloo Bank demo.
User interface for Waterloo Bank demo.
The latest version included dynamic SVG's assets that could also be scaled on mobile devices
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.

Client

What I did

  • UI/UX Design
  • Web development
Girl holding phone showing the HTML5 user interface.
close-up of phone showing the HTML5 user interface.

Joe Palmer, Technical Director at iProov.

The presentation of the UI was fantastic, I am happy with how things turned out.

Joe Palmer Technical Director

Creative & Engaging Solutions.

Bromel - Designer & Developer

Let's Talk

  • This email address is being protected from spambots. You need JavaScript enabled to view it.

Networks


Cookies on the Bromel Website

This website uses cookies to ensure that you get the best experience on this website. MORE INFO