bg_propledgers03.jpg
PropLedgers. Digital Contract Management System and Electronic Signature App.
UX and UI Design

PropLedgers is a platform for digital contracts and electronic signature. The web platform allows companies to create standardized templates for documents and contracts and send them to their customers to sign. And customers can use the app to electronically sign the document. The web and mobile interfaces follow the same identity, but considering the context of each user.

Project

Web system for creating document templates and managing contracts

...

Hybrid application for electronic signature with Digital Identity validation

...

Product Website

Requirements

Create a dynamic and simple-to-use interface so that business teams can quickly create document templates

...

Create a dashboard for contract control and management

...

Create an application with digital identity registration and electronic signature functionalities

...

Web System and Application are integrated, forming the PropLedgers Platform

My role

Search for best practices for the web interface, considering the project's needs

...

Web Interface Wireframe Design for Functionality Validation

...

Design of Interfaces for the Web System and for the Product Website

...

UI Design for the app, drawing wireframes and then interface layouts
...

Monitoring the implementation of Design with the development team

Tools

Figma

...

invision

...

ProtoPie

Wireframes and Screen Flows

For the Web System, one of the main functions was the creation of document templates. Like in text editing programs, the user can create a template of a contract and then include only the specific information for each negociation. It was essential that the interface of this functionality was as intuitive as possible for the user. I did heuristic evaluations, comparisons between tools and an information architecture work to organize the information and labels to be used and designed the high fidelity wireframes using the concept of cards that can be created, edited and dragged to reorganize the information, according to the user's desire.

PropLedgers
APP
Application Design

The PropLedgers app has three main functionalities: creating a digital identity, accessing digital contracts and electronic signature. My role was to ensure that each of these steps offered the best user experience, for this, working together with the development team was essential to align the usability needs and the application's security requirements. Through wireframes, prototypes and iteration rounds, it was possible to create a simple, pleasant and safe process.

Digital Identity

The digital identity registration flow had some security requirements, including the process of facial recognition by photo and proof of life by video. It was important that these steps happen naturally for the user. That's why the screen flow has been simplified and the screen layout is clean with assertive texts and icons.

Digital Identity
The digital identity registration flow had some security requirements, including the process of facial recognition by photo and proof of life by video. It was important that these steps happen naturally for the user. That's why the screen flow has been simplified and the screen layout is clean with assertive texts and icons.

Digital Contract

After registering their identity, the user only wants to access the contracts they must sign, review the data and carry out the signatures. Therefore, the application's interface is based on an organized and simple listing, separated by tabs that categorize the contracts (to be signed, signed and rejected)

Digital Contract
After registering their identity, the user only wants to access the contracts they must sign, review the data and carry out the signatures. Therefore, the application's interface is based on an organized and simple listing, separated according to the status of each document (to be signed, signed and rejected)

Electronic signature

As the user's signature is already registered in the Digital Identity process, to sign a contract, the user only needs to double-tap where his signature must appear on the document, facilitating and speeding up the process.

Electronic signature
As the user's signature is already registered in the Digital Identity process, to sign a contract, the user only needs to double-tap where his signature must appear on the document, facilitating and speeding up the process.

pl_bg4.jpg
pl_bg5.jpg
pl_bg03.jpg