Skip to main content
Pixelmatters Logo
Client logo

Blockchain Cybersecurity

Web App

Hero image
Work Type
Product Strategy
UX Design
UI Design

Background

Gladius is a company working on incentivized internet security.

During 2018, Kyokan and Pixelmatters led the UX/UI Design, implementation, and integration of Gladius' WebApp.

Below is the result of a few months of work.

Section image

Challenge

Given the context of the business (crypto and security space) and the complexity of the project itself, we had to break it down and start by doing a navigation map, in order to have a high-level view over the whole platform.

Section image

UX process

For this particular project, the Wireframes that can see below were delivered by Gladius team.

We took them and went on to make it beautiful, creating the UI.

Section image

Onboarding

It was one of the first pieces to be tackled.

The goal was to make it as seamless as possible, extremely obvious UX-wise but also delightful enough so an immediate connection with the brand and product is made from the first usage.

Section image

Integration with Metamask

One unique aspect of this project was integrating the MetaMask wallet and key manager in order to allow users to log in, sign up, and sign transactions on the Ethereum public blockchain. The challenge was to make this as easy to use as possible. By combining our deep experience in digital product design with Kyokan's expertise maintaining MetaMask, we were able to deliver a clean account creation flow for Gladius' users.

Section image

Different users

The same foundation that was made for the WebApp was then used to create the Desktop Client. The goal was to design two Electron Apps that would work for various operating systems such as Windows, Mac, and Linux. Each app was targeted for distinct users with different needs.

Section image

Making it simple

The ultimate goal was to turn a complex area such as blockchain and cybersecurity into a simple and delightful experience.

Section image

Maintaining consistency

Taking into account the existence of distinct apps for different types of users, it was essential to create a Styleguide. This helped ensure consistency across the different experiences created. Ultimately, this sped up the process for our designers, Kyokan's engineers, and Gladius' team.

Section image

The result

We were grateful to have had the opportunity to design such interesting Web and Electron Applications. We've found lending our expertise to the crypto industry immensely fascinating, and look forward to being part of the revolutionary changes it will create!

Section image

Summing it up

The product is out there and thousands of users are interacting with it on a daily basis, which is always the ultimate goal. We had a blast!

Spread the work:

Related work

Gladius • Case Study by Pixelmatters