Lamassu's Machine Interface
Lamassu
UX/UI
Illustration
Crafty Chnemu
Lamassu's Machine Interface
.jpg)
Visit
Lamassu
New colours and illustrations were required as well a generally improved user interface with lots of new features and technology.
Crafty Chnemu was what Lamassu called the update that introduced a fresh a new design to their original interface. New colours and illustrations were required as well a generally improved user interface with lots of new features. This was all achieved in a team effort, having the collaborations of several developers as well a dedicated team to overview the process in order to deliver a product in a timely manner.
Style guide x2
One of the particularities of this interfaces is that it two distinct operations - buying crypto and selling crypto - that needed to be differentiated visually as well. To do this, we built two different styleguides, using two completely different color schemes. This is applied not only to colours, but also to every elements part of the interface such as buttons as well as illustrations. Regarding typography, we kept the same approach used in the website, keeping the same typefaces and weights.
Quadruple navigation levels
The first time I realised I had a tough job in hands was when I found that not only did we need a third level of navigation, in some cases, we actually needed a "hidden" forth. We can't obviously stack 4 navigation bars at the top, so a couple of alternatives were necessary.
Level 1
Level one of the navigation was a regular good old nav bar at the top of the page. We made clear distinctions between the names of the pages, specially make it clear that regular tasks to upkeep the system were under maintenance, while less visited pages on day to day usage with were under settings.
Level 2
The secondary nav bar came on below and sectioned with distinguishing names, clarifying what each page was for.
Level 3
This is less used across the admin, but in some cases we need a third level to navigate. And example of this was when we needed to clearly distinguish cryptocurrencies like we did on the funding page.
Level 4
Also on the funding page, given the need to make it as clear as possible to avoid mistake while operators fund their hot wallets, we wanted to add a somewhat "hidden" feature, that's not necessary to maintain the system, but it's definitely a "nice to have". This allowed users to dive in more deeply into something related to the page.
Putting all together
Rare were the cases in which we needed to use all 4 levels, but it did happen once or twice. The Funding page was an example of that, allowing users to enter the "hidden" section to see the funding history.
There where to sets of flows: To buy crypto, and to sell crypto. Lamassu proud themselves of offering the best user-experience of the market. The redesign had to honor that recognition. Three basic simple steps, and you get yourselves some bitcoin.
There where to sets of flows: To buy crypto, and to sell crypto. Lamassu proud themselves of offering the best user-experience of the market. The redesign had to honor that recognition. Three basic simple steps, and you get yourselves some bitcoin.
There where to sets of flows: To buy crypto, and to sell crypto. Lamassu proud themselves of offering the best user-experience of the market. The redesign had to honor that recognition. Three basic simple steps, and you get yourselves some bitcoin.
A new way to override settings
A completely new override system that allow users to gradually change their settings as needed, by defining exceptions to the default values set up when installing the system. The new approach is both more complete and more modular, keeping values like commissions much more manageable, specially in larger operations.
The wizards of the Admin
Intuitive step-by-step wizards allow operators to easily enable or edit important settings without the lingering fear of very expensive mistakes.
Modular KYC
We approached Anti Money-Laundering / Know Your Customer requirements by allowing operators to be in full control, while keeping it simple and easy to understand and manage. The modular system enables the creation of fully customisable rules based on multiple dimensions: transaction amounts, volumes, velocity, and consecutive days.
There where to sets of flows: To buy crypto, and to sell crypto. Lamassu proud themselves of offering the best user-experience of the market. The redesign had to honor that recognition. Three basic simple steps, and you get yourselves some bitcoin.
Illustrations
Illustrations were a big a part of this redesign. With lots of new features coming in, and a lot of required screens for special situations that infiltrate into the default flow, we needed to rebuild these visually so that new errrors are warning would be clearly distinguishable and would illustrate what is actually going on.
The same principle applies to the selling experience. While the buying flow was coloured with bright amazonite (or teal), the selling experience was dominated by an elegant salmon, creating a noticeable contrast between two very different flows.
Most of the new features and the more work intensive screens where related to compliance and error screens. Even though These weren't always part of the main flows, a lot of these would show up frequently during machine usage. All of these screens used a basic structure, but were representing very different things. We reinforced that differentiation by by making dozens of distinct illustrations for each error, warning, or compliance screen.
“
Project summary
We were able to use a lot of the bones we already had from the first version of the interface so the project was concluded in just a few months. After reaching a design for the main flow screens in first few weeks, most of time was spent designing new illustrations to go with new and old screens, as well as collaborating closely with the development team to ensure to maximum design compatibility.
