Leonardo Leite

Product Designer

UI Interaction UX & Visual Design


Case Studies

Welcome, this page contains my latest efforts to make products better. I hope you like it!

Some of these products or projects are still in development, so to comply with my confidentiality agreement, I had to alter or omit some deliverables for legal reasons.

If you have any questions about these or other previous projects or companies I have worked with, please let me know.

TSB Screen TSB Screen

C_Space - TSB

A new product in banking. Product design

UI / UX Design IOS Interaction Design (IxD) UX Wireflows Mockups Sketch InVision Adobe CC Miro board User Experience (UX) User Research User Testing Prototyping User-centered Design (UCD). Visit the TSB Mobile Banking at Apple Store.

TSB Bank helped by C-Space agency is creating a new lending product to make easier to the customers to borrow money when they need it the most, being a great alternative to credit cards.

On this project, the aim was to design a new product for a leading Bank introducing an easier way to borrow money to TSB customers. A complex and ambitious product, the goal was to efficiently create the process of setting up and using the new product.

Image of userflows

My role as a product designer was to architect and design the user experience. Employing user-centered design methodologies and best practices, I started reviewing the existing user research and creating user personas. I continued with user IA, task-flows, prototyping, user-testing, and visual design. During the process, we identified potential roadblocks and stress-points and set out to design a seamless experience to be developed as MVP.

Image of userflows 2

I made a high fidelity prototype with several flows to be tested with users and guide the Dev team to build the MVP. I worked with the app design system and helped to develop and refine new UI patterns and interactions for the product, and created custom components.

We had three iterations where the UX research team would test the prototypes and I would work on the necessary design changes and refinements, the first test went well and the users really liked and understood the product. In five weeks, I worked in 13 scenarios creating high fidelity prototypes and user interface designs.

Image of prototype

The result was a high-impact prototype that tested very well with users and reinforced the viability of the product leading to an MVP and possibility the product will be added to the current app and will be in the marked soon.

Image of prototype
Image of prototype
Image of prototype
Image of prototype
Image of prototype
Back to top
RFS UI RFS UI

RFS - Byzgen

A vetting application that comply with GDPR using blockchain. Product Design

UX Design UI Design Interaction Design (IxD) Wireflows prototypes Axure Angular Bootstrap GIT HTML CSS JS Adobe CC User Research GDPR Design Thinking User Testing Prototyping User-centered Design (UCD) Front end development. Visit the RFS website.

On this project, the aim was to design a new vetting product for a leading recruitment specialised in banking and financial services. A complex and essential product for the company. The goal was to review and efficiently redesign the entire vetting process making it more secure and easy to use for contractors and RFS vetting agents.

My role as a lead product designer was to architect and design the entire experience. Employing customer-centered design methodologies and best practices, I started with stakeholder interviews and user and technology (API) research. I continued with user task-flows, wireframing, prototyping, user-testing, and visual design. During the process, I identified roadblocks and stress-points for users and agents, we investigate and improved the manual processes and explored API integrations with background check and credit report companies.


I made the UX improvements on several of their existing workflows, reducing time and cost for the company. I helped develop and refine UI pattern libraries and interaction, implemented a new product UI design system and created component libraries.

The result was a high-impact MVP that received great reviews from RFS stakeholder, agents and users. We reduced the processing time from weeks to days, made the application GDPR compliant and the manual processes were significantly reduced increasing user satisfaction.

Back to top

BAE Systems - Byzgen

High security collaboration and storage tool. Product Design

UX UI Design Interaction Design (IxD) Wireflows Axure Adobe CC HTML CSS JS Bootstrap Angular GIT User Research User Testing Prototyping User-centered Design (UCD) Design Thinking.
Visit the BAE Systems website.

My role as a lead Product designer was to design the entire POC. Employing user-centered design methodologies, design thinking, and best practices, I started with user research and user personas. I continued with user task-flows, prototyping, user-testing, visual design, and coding. During the process, I identified potential collaboration issues, security needs, stress-points and set out to design the experience.

I created wireframes and prototypes to discuss and test with the stakeholders and users (BAE engineers). After a few iterations we refined a story, core functionalities, and interactions for each user type in the POC. I also designed the UI style guide, created component libraries, and helped the front-end development.

BAE Prototype image

I created prototypes to discuss and test with the stakeholders and users (BAE engineers). After a few iterations we refined a story, core functionalities, and interactions for each user type in the POC. I also designed the UI style guide, created component libraries, and helped the front-end development.

BAE Prototype image

The result was a successful POC that achieved all technical requirements and proved that the Byzgen blockchain platform can be used to securely create and manage the collaboration tool.

Back to top

Ministry of Defence - Byzgen

Enhanced processes & systems used for Security Vetting. Product Design (SaaS)

UX UI Design Interaction Design (IxD) Wireflows Axure Adobe CC HTML CSS JS GDS GIT User Research User Prototyping User-centered Design (UCD) Design Thinking SaaS.
Visit the Ministry of Defence website.

This project was in collaboration with Atos, a global leader in digital transformation. My role as a lead Product designer was to design the entire POC. Employing user-centered design methodologies, design thinking, and best practices. I started with user research and user personas. I continued with user task-flows, prototyping, user-testing, visual design following the guidance and standards of the Government Digital Service, and coding. During the process, I identified security needs, stress-points for applicants and business and set out to design the experience.

I created taskflows and prototypes to discuss and test with the stakeholders and users the revised vetting process. After a few iterations we refined the process, core functionalities, and interactions for each user type providing more control and ownership of the data. I also helped the front-end development.

MOD images image

I created html prototypes following the Government Digital Service guidelines and assets provided. It was great to learn and work with the service manual and the GOV.UK Design System.

BAE Prototype image

The result was a successful POC that achieved all technical requirements and proved that the Byzgen blockchain platform can be used to securely manage the vetting process.

Back to top

Other projects

Please find below a quick summary of other projects and companies I have worked with.


Groundsure - Ascential

Improved Information archteture & customer engagement B2B B2C

Interaction Design (IxD) Wireflows Axure Adobe CC HTML emails CSS User Research User Prototyping User-centered Design (UCD)
Visit the Groundsure homebuyers website.

Ascential wanted to improve the user experience (UX) and information architecture (IA) of the Groundsure Homebuyers report making it more engaging for users. As an Interaction Design, I improved the IA and enhanced the customer interactions with the product improving the customer experience.


Planet Retail/RNG - Ascential

Research on Complex Retail Intelligence products B2B

UX & Interaction Design (IxD) Wireflows Axure User Research Prototyping User-centered Design (UCD) Design Thinking.
Visit the ascential edge website.

Ascential needed to make business decision after merging RGN and Planet Retail learning more about the products and users. I researched and designed prototypes to improve and test the IA, report formatting, image gallery, insights, data visualization, and sub products.


EMAP - Ascential

Improved interactions and flows in publishing

UX UI Design Interaction Design (IxD) Wireflows Axure Adobe CC HTML CSS Drupal CMS User Research User Prototyping User-centered Design (UCD) Design Thinking.
Visit the EMAP website.

EMAP is a b2b publishing company with many brands under its wings they wanted to review and optimise the user experience of 15 magazines. I worked on the payment and sign in flows, I also helped with IA, UI interactions and helped to implement UX tools like feedbacks, surveys, heatmaps, and session recording to better understand the users.


Experian PLC

Designing the best Credit Report in the UK

UX UI Design Interaction Design (IxD) Wireframes flows Axure Adobe CC HTML CSS JS User Research User Prototyping User-centered Design (UCD) Design Thinking A/B test. Visual design
Visit the Experian website.

UX & UI design for Experian, five years working in multiple products and projects including CreditExpert and CreditMatcher. I designed for experian PLC brand, credit report, and comparison site creating UI elements, improving the experience and interactions.

Do you want to learn more about me or my work?

Please use the button below to get in touch.

Email Leo now
Created by leo 2020