Legaleyse

Through a number of improvements in performance and architecture, the client requirements were met and the end result allowed for a smoother experience and an easier sell.

Scope

UX/UI & Development

Industry

iGaming Compliance

Services

Ad-hoc

Technologies
React
React
Redux
Redux
REST
REST
Balsamiq
Balsamiq
Invision
Invision
Photoshop
Photoshop
Hero - Legaleyse

Legaleyse

Through a number of improvements in performance and architecture, the client requirements were met and the end result allowed for a smoother experience and an easier sell.

Hero - Legaleyse
Scope

UX/UI & Development

Industry

iGaming Compliance

Services

Ad-hoc

Technologies
React
React
Redux
Redux
REST
REST
Balsamiq
Balsamiq
Invision
Invision
Photoshop
Photoshop
INTRODUCTION

About The Project

Legaleyse is a monitoring platform for the gaming industry that provides real-time statistics to ensure compliance with regulation, as well as useful and real-time data to ensure smooth running of gaming platforms. Following our collaboration, Legaleyse achieved:

over 90%

decrease in loading time

5K

lines of code removed

Before

Slow platform working only on desktop screens, with a number of UX & UI inconsistencies

after

Great performance, mobile-friendly platform, visual consistency across all screens and a smooth user experience

Partnership

Our team was able to get productive in days to help Legaleyse with a quickly approaching deadline for a critical stakeholder demo.

Front-End Development

UX Design

UI Design

PROCESS

The Challenge

The goal was to improve the UX & UI of the Legaleyse app, as well as implement new features such as permissions management. A number of improvements in performance and architecture were also put in place.

palette

UX & UI Issues

Legaleyse did not have a design review process, which meant that over time a number of UX & UI issues cropped up. The Legaleyse team were due to have demos with leads and these issues had to be addressed within a short timeframe to impress and close prospects.

code_blocks

Architecture

The app was close to launch, however, the performance was poor due to the UI making unnecessary API calls, memory leaks, and lack of state management. In addition, there were a number of new features that couldn't be easily built due to architecture limitations.

app_shortcut

New Features

Legaleyse wanted to launch a number of exciting new features, such as seamless jurisdiction & country management, permission management, real-time map updates and more.

PROCESS

Our Approach

Throughout, we followed a solution-oriented approach, tackling issues one by one in a quick manner.

Approach -  Manage
SOLUTION 1

Analysis

We had in-depth discussions with the product manager to understand the project idea and prioritise new features. We estimated each of these features and identified common functionality that could be reused, to ensure the project is time and cost effective.

As a result of this exercise, new tasks were added to the backlog for monitoring, and work kicked off with an organised and prioritised backlog.

Approach - Coding
SOLUTION 2

Development

Visuals (mocks) were prepared to improve UX and make screens consistent throughout the app.

Real-time updates were provided by ticking off tasks one by one within JIRA, for the product manager to monitor.

Testing
SOLUTION 3

Code Quality & Testing

Code reviews were used to improve quality.

Weekly demos ensured requirements were clear and progress was being made each week.

first

BEFORE

second

AFTER

first-handlesecond-handle
RESULT

Impact

speed

12x Faster Load Time

It now takes less than 1 second for the dashboard to load, down from 12 seconds. Our team quickly identified the root cause of the issue and implement a number of optimisations to speed up load time.

aspect_ratio

Highly Scalable

Scalability issues were addressed with Redux. CSS was upgraded to SCSS and over 5K lines of code were removed from the project. New features were added with an improved speed and stability following these refactors.

visibility

Visually Consistent

Visual consistency was brought to all screens. Following UX & UI improvements, users could enjoy a smoother experience and better responsiveness.

maps_ugc

Launch-Ready

We added features that were necessary for a functional MVP, including a map with live-updates, support for sorting, filtering and pagination to all tables, permissions & more.

Phone with fintech application

Impress investors and demo with confidence