A visual backend to administrate Lamassu machines
Lamassu
UX/UI
Illustration
Manage your Lamassu World
A visual backend to administrate Lamassu machines
Visit
Lamassu
Revamp the entire Lamassu admin to incorporate new features, redesign old ones, and improve key elements to put Lamassu at a whole new level
Lamassu is small but rebelious company based in Switzerland that builds and sells Bitcoin ATMs as their part in the Bitcoin revolution. Lamassu's admin is what allows operators to control their machines from their desktops. It's a place to manage their business, but most of all to extend the seamless experience of using a Lamassu machine to the operators side by creating a king worthy environment.
Why doesn't it look like Lamassu?
One of the key turning points of this project was when we made a decision to not use brand colors on the Lamassu Admin. The reason for this was simple and kinda rudimentary. One of the main colors Lamassu uses is Salmon. Salmon though, is a variation of red. Red on a backend can very easily mean one thing: error. We wanted to avoid that. We also wanted operators to have something that felt their own. This color scheme isn't used anywhere else, which makes it feel special. It's custom made to fit all the needs of making the admin as functional as possible, where color can be used to indicate status, instead of reinforcing a brand. It is meant to be a system that efficiently lets users run their business. Forcing brand colors here would likely lead to misunderstanding which eventually could then lead to very expensive mistakes. And that decision made it so much more effective.
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.
Dashboard so you know what's up
The dashboard is what we called the homepage. It is the first page you see when entering the Admin, and it packs loads of information.
A good dashboard shows you as much information as possible, with minimal interaction. The means that you don't have to be explore the page to get an overview of what needs your attention on the system. You can see how well your system is doing per day, week or month, alerts that might need your attention, or if you need to update your server. It also shows you how much it cost to buy or sell crypto on your system, or if you need to add cash to your machines.
Dashboard so you know what's up
The dashboard is what we called the homepage. It is the first page you see when entering the Admin, and it packs loads of information.
A good dashboard shows you as much information as possible, with minimal interaction. The means that you don't have to be explore the page to get an overview of what needs your attention on the system. You can see how well your system is doing per day, week or month, alerts that might need your attention, or if you need to update your server. It also shows you how much it cost to buy or sell crypto on your system, or if you need to add cash to your machines.
Dashboard so you know what's up
The dashboard is what we called the homepage. It is the first page you see when entering the Admin, and it packs loads of information.
A good dashboard shows you as much information as possible, with minimal interaction. The means that you don't have to be explore the page to get an overview of what needs your attention on the system. You can see how well your system is doing per day, week or month, alerts that might need your attention, or if you need to update your server. It also shows you how much it cost to buy or sell crypto on your system, or if you need to add cash to your machines.
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.
Dashboard so you know what's up
The dashboard is what we called the homepage. It is the first page you see when entering the Admin, and it packs loads of information.
A good dashboard shows you as much information as possible, with minimal interaction. The means that you don't have to be explore the page to get an overview of what needs your attention on the system. You can see how well your system is doing per day, week or month, alerts that might need your attention, or if you need to update your server. It also shows you how much it cost to buy or sell crypto on your system, or if you need to add cash to your machines.
Comprehensive transaction information
The transactions panel provides a full, interactive breakdown of each purchase across the network and its customer, including pop-up previews of their verification data. It allows operators to to monitor the system in real time, while keeping a detailed record of all the information to date. It can be filtered and saved to a spreadsheet, and a several useful actions are available for quick interaction, without unecessarily complicated navigation flows.
Making everything look, feel and work consistently
Running a Bitcoin ATM business can be complex, specially for people that own and operate a lot of machines. Lamassu Admin aims at making that process as simple and as frictionless as possible. To achieve this, we carefully studied how operators behave, what problems they encountered in Lamassu previous admin (or in their competors'), and how we could create a system that would be make complicated tasks feel seamless and genuinely intuitive.
We created countless tables, an overrides system, a wizard-based maintenance and settings logic, as well as tons of other fun stuff to make the operators' life as easy as possible. Lamassu's team is constantly re-evalutating how the system can improve, and we're now live while we prepare a load of new features and screens that we'll be released for the next few months.
%20USD.png)
%20USD.png)
Mobile.
Eventually.
The complexity of the tables and the information as well as the regular user base, made the desktop of this project of much higher priority. Even so, mobile versions of these screens were designed and are on the way to be developed in a future release. Here's some of the greatest hits.
.png){kind=spacer}
.png){kind=spacer}
.png){kind=spacer}
.png)
.png)
.png)
.png)
.png)
Present it to the public
Even more important than designing this beast, was actually building it. To do that Lamassu counted on a talented team of young developers that excelled at bringing it to life. The video below, edited by myself, marked the official launch of this project to the public.
Watch the original.
“
Project summary
Lamassu admin was a truly a unique project. It was ambitious, full of challenges, and new concepts I knew very little about. It brought me into the world of the operator, made me step into their shoes to understand the challenges and difficulties of what it means to run a Bitcoin ATM business. This wasn't easy, and the process of this project, as well as it's length, made me realize how important it is to see beyond what I know, and how design can help bridge the gap between knowledge and usability, to create something that's easy on the eyes, user friendly, yet, surprisingly powerful.
This project is yet to be concluded. It is an ongoing effort between myself and Lamassu's development team to add new features, fix limitations, and adapt with the feedback given to us by operators.
.jpg)
