Leonardo Leite

Product Designer

UX UxD UI & Visual Design


Leo @ BYZGEN

At BYZGEN I worked as lead Product UX UI Designer exploring new ways to use BYZGEN's unique cutting-edge blockchain platform.
I created research deliverables, designed prototypes, wireframes, POCs, and MVTs to demonstrate ideas and concepts to private and governmental companies.
Visit BYZGEN's OUR WORK page.


Overview

RFS is a specialist resourcing and regulatory management consultancy. RFS is connected to the largest UK wide network of Financial Services associates. Financial crime is one of their core areas of expertise.

The company requires secure, private, and sensitive data management complying with the Data Protection Regulation (GDPR) rules.

The Problem

RFS wanted a digital transformation where all internal processes would be revised, and sensitive data would be saved securely on a distributed blockchain network. The vetting process should be the first to be worked on, it is currently time and cost consuming for RFS and job candidates.

The Challenge

The project itself was a very exciting challenge. Being a digital transformation, a review and optimization of the internal processes could bring really good results for the company and the project was a prospect product for BYZGEN's platform. The distributed ledger technology (DLT), blockchain, and data encryption would be build from scratch giving us power and freedom for design, architecture, and implementation.

The Approach

Being a digital transformation our initial approach was to understand the current users, technology, and processes to find opportunities and touch points in a strategic and prioritized way, with present and future interactions in mind.

Discovery

After a few business meetings and analysis of current internal processes and tools, it was agreed with the stockholders and Dev team a delivery plan. The application would have different modules that would be added and connected accordingly. The main modules are Sales, Resourcing, Checks and Vetting.

The first module to be delivered would be checks and vetting (CV) because it would bring the best benefits to the company, having many tasks performed manually it could be automated saving time, money, securing the most sensitive data and providing data integrity. I researched competitors, digital signature, API integration, user types, tasks and flows to understand more the vetting process and how we could find opportunities and optimise the current process.

The research was very promising we could drastically reduce time improving satisfaction and data integrity for business and users. It was possible to reduce credit check from 24h to minutes and the 5 to 15 days vetting process could be reduced to 2 days via APIs and partner companies. The manual labour of revising and typing was greatly optimised as well. The blockchain architecture would comply with the GDPR regulations.

Design

With user centre design (UCD) in mind, we initially had two workshops with the vetting team to refine the requirements and understand user needs and pain points that we could tackle on the design. For the second workshop I already had some wireframes to illustrate and refine the ideas and user task-flows previously discussed, meanwhile I also kept in touch with the C & V team asking questions and it helped to design a better experience

On the UI and visual design, I spoke with the art director and we decided to keep the design clean and as consistent as possible with their current website, one of the entry points to the application.

I designed low and high-resolution clickable prototypes of the vetting ecosystem, illustrating the user's main task flows. The Axure prototype also featured the APIs in use, but if necessary everything could be done manually(BAU).

I also designed an UI kit and simple style guide for the application.

Delivery

Expected to be a nine months project we delivered at this point lots of research documents and some of the UX UI design work for the digital transformation and vetting module.

I contributed with prototypes, visual assets, UI kit, HTML, and CSS for the application, while working with the Dev team in agile sprints. The dev team also worked on the backend, data architecture, and API integrations. I used Axure, adobe cc, git, angular, bootstrap, and other online tools.

Results

The RFS stockholders and users were impressed with the outcomes and opportunities BYZGEN can offer and the projected the return on investment (ROI) and data security.

The UI designs and UX suggestions were well accepted, and the new experience was approved and praised by all piers.


Overview

The Ministry of Defence (MOD) is the British government department responsible for implementing the defence policy set by government. Employees will be going through the vetting process if they are either being considered or moving for a post where they will have access to highly sensitive information or assets.
The ministry of defence is working on improving the vetting process. Byzgen joined efforts with Atos, a global leader in digital transformation, to explore Blockchain and Digital Ledger Technologies to enhance the MOD vetting process. To learn more about vetting here

The Problem

The current vetting process is complex, dissociated, costly, and time consuming for the MOD, companies, and employees. Our goal was to make vetting easier and more secure addressing the current problems. We also had to demonstrate the security and data management provided by our exclusive technology.

The Challenge

We had to understand the current vetting process and it’s participants like businesses, institutions and employees, so we could work on ways to improve it. We also had to apply and demonstrate that our distributed ledger technology (DLT) and blockchain data encryption would work and achieve technical requirements. We had little time and technology constrains.

The Approach

We had to understand the current vetting process and it’s participants like businesses, institutions and employees, so we could work on ways to improve it. We also had to apply and demonstrate that our distributed ledger technology (DLT) and data encryption would work and achieve technical requirements. We had time and technology constrains.

Discovery

I worked with the stockholders, users, and project managers creating deliverables like personas and user segments to help understanding our users and their needs, then we investigated user journeys with sketches, workflows, and low-resolution prototypes. I also contributed with ideas and suggestion on UX, UI, Front-end and visual design.

Working with the project owner and dev team I started researching the different user types, their needs, and the pain points they currently face. I created personas and user flows to visualise and map how users experience and interact with the process. We gathered data from Atos as a “sponsor” who needs to vet subjects, MOD as the “vetting agent” who owns the vetting process and data, and the “record subject” the person that applies for vetting or is sponsored for vetting.

After the initial research, insights discussions, time and cost review, due to constrains, we decided to break the project in two deliverables: A proof of concept (POC) application and a prototype. The POC app would be created to demonstrate the blockchain DLT technology in action with real time encrypted data management, and the prototype would demonstrate an optimised vetting process only possible with our technology.

Design

I designed the POC investigating and applying the guidelines found in the Government Digital Service (GDS) website. The toolkit is well documented, and I followed the UI and UX guidance for consistency. In a nutshell, on the POC the sponsor would request vetting someone. The record subject would complete the application and MOD would perform the check and create a digital certificate demonstrating that data could be create and managed securely. The sponsors would have access to the certificate and would be notified if something changes.

Created in Axure, the prototype illustrated the core vetting functionalities for the different user cases, I followed the same UI and UX principles of the POC for consistency. After sketch & planning I create a low-resolution prototype to test and refine the journeys and once we were happy with all screens and flow, I created the high-resolution version. The sponsors would log in and request a vetting check on someone, be notified when ready and see vetting applications and certificates. The record subject would log in and be prompted to complete the application, be notified when ready, and see the results. The MOD would receive applications, perform the checks, and generate certificates.

Delivery

The POC was successfully implemented and presented to the MOD, I helped the dev team with HTML, CSS and a little bit of JavaScript working in a lean agile environment. We built the responsive POC frontend with Angular and Bootstrap.

I create the final high-resolution prototype in Axure it was functional and successfully used to demonstrate the functionalities and permission settings of the future solution.

Results

The POC successfully proved that the technology works, is secure, and provides easy data management functionalities.

The Prototype helped to demonstrate that the current process can be optimised considerably using Byzgen’s technology. The stockholders agree that we offered a simpler and more efficient solution to the problem.


Overview

BAE Systems plc is a British multinational defence, security, and aerospace company. They employ a workforce of 85,800 people in more than 40 countries with a competitive edge across the air, maritime, land and cyber domains.

BEA Systems engineers need to work collaboratively with company partners when designing assets. In this project we explored Model-based systems engineering (MBSE) data being shared and worked collaboratively in a secure blockchain and distributed ledger technology (DLT) network.

The Problem

Due to high security and disconnected networks BAE SYSTEMS engineers struggle to work collaboratively with other companies. If they need a design adjustment from Rolls-Royce, sometimes they need to save the files in a secure external memory and deliver the files in person. They wanted a better way to share and work on files providing high level of security and accountability.

The Challenge

The main challenges in this project was time and technology constrains. This project was part of an innovation program and we had limited time do deliver the results of the investigations. On the design side, I think the main challenge was to illustrate the solution once the technology has multiple layers.

The Approach

Discovery

Some stockholders were BAE engineers, and being also users, made communication easier and allowed me to gather good information around user needs and agree on requirements, research, UX, and UI decisions quickly.

To illustrate the solution in a story, we used as example a project aimed for 2025 that could benefit from our technology. The project is an aircraft called tempest and we used the airplane design as a project running on BYZGEN’s solution.

Once we decided the story with the engineers, the project manager and I started to gather initial requirements and setting goals for a proof of concept (POC) that would show the blockchain and DLT technology in action.

The solution should allow BAE engineers, Rolls-Royce engineers, T-3 suppliers securely download design models and, if permitted, upload new versions of the single source of truth (SSOT) model. All changes and access of files would be recorded in a ledger, for accountability, different files would have different owners with admin rights, version control is required, permission settings for upload new versions, and file history with previous versions access.

We discussed user cases, user types, and user tasks for the POC. I also researched about their frustrations and needs as engineers working with Model-based systems and the file sharing issues they currently face.

Design

Based on the research, I created wireframes and prototypes to discuss and test with the stockholders and users (BAE engineers).

After a few iterations we refined the story and core functionalities and interactions for each user type in the POC.

Due to time constrains we had to limit UI functionalities and the POC was branded as BAE System for consistency (UI and visual design).

BAE Prototype image

Delivery

The POC was successfully implemented and presented to the BAE SYSTEMS engineers, project managers and directors interested in new technology. I helped the dev team with HTML, CSS and a little bit of JavaScript working in a lean agile environment. We built the responsive POC frontend with Angular and Bootstrap.

I also delivered a high-resolution prototype in Axure featuring all functionalities and improvements to turn the POC in a minimum viable product (MVP) providing notifications and messaging between users.

Results

The POC successfully proved that the technology works, is secure, and achieved all technical requirements. If the technology is implemented, return on investment is predicted and the current processes can be optimised considerably using Byzgen’s technology.

The prototype was also used to illustrate and complement the POC. The project had only positive results in design and technology

Back to homepage

Other works

Logo Ascential PLC

Interaction Designer

Contributed with Ux & Interaction design for great products like Planetretail-RNG, Groundsure, Retailweek, and salesforce payment journeys and features.

At Ascential I participated in user research for new product development and rebranding. Improved user flows and UI elements Dealt with complex data visualization, dynamic reports, CMS optimization and I managed external work with agencies.

Deliverables and Technologies: Product Research, User Research, Personas, Journey Maps, Workshops, UX, UI, IA, & Visual Design, Wireframes, Prototypes, User Testing, Data analysis, Axure, Lean agile, HTML, CSS, Jira, slack, Salesforce, Zurb Fundation and others.

visit www.ascential.com
Experian Logo

UX UI Designer

Contributed with UX and UI design for CreditExpert.com and Experian.com also I led the redesign of CreditMatcher.com a comparison site for credit cards, loans, and mortgages

I also worked with the innovation and new product development teams exploring new concepts and improving existing applications with new features.

Deliverables and Technologies: Personas, journey maps, UX, UI, & Visual design, Wireframes, Prototypes, User testing, A/b Tests, Data analysis, Session recorder, Axure, Angular, Agile, HTML, CSS, Javascript, Jira, slack, and others.

visit www.experian.co.uk
Created by leo 2019