Atmos Toolbox – Service Platform for Local Drone Repairs

The Atmos Toolbox: A software that allows global drone users to service, maintain, and repair their drones locally. When service is required, the drone is brought to a local distributor, who uses the Atmos Toolbox to perform software-related maintenance. My role: researching key functionalities and designing an intuitive UI for this internal software.

Competences
Design System
Iconography Design
Low-fi Wireframe
High-Fi Wireframe
Tools used
Figma
Miro
Illustrator
Pencil
Role
Researcher
UX/UI Design
Year
2023
Macbook showcasing the Atmos Toolbox in an industrial technical scenery

Problem Atmos Service Centers face challenges resolving software issues, forcing costly and time-consuming shipments to the Netherlands.

Solution Atmos Toolbox, a tool that allows the Atmos Service Centers to access the drone’s system and perform calibrations, set internal parameters, and run tests with an aircraft locally.

01

Sitemap

02

Wireframes

03

Iconography

04

High-Fidelity

05

Ui Libary

The goal of creating a sitemap was to structure all content in a logical order, making it easy for me to find what needs to be included on each tab. It also gave me a first sense of how navigation through the tool could look like.

Sitemap of Atmos Toolbox

01

Sitemap

Sitemap of Atmos Toolbox

The goal of creating a sitemap was to structure all content in a logical order, making it easy for me to find what needs to be included on each tab. It also gave me a first sense of how navigation through the tool could look like.

01

Sitemap

Sitemap of Atmos Toolbox

The goal of creating a sitemap was to structure all content in a logical order, making it easy for me to find what needs to be included on each tab. It also gave me a first sense of how navigation through the tool could look like.

Click to explore process

Final
Outcome

The final design has evolved into a consistent split-screen layout, featuring two top bars for a simple overview and fast navigation through the software. This approach reduces cognitive load to a minimum, accustoming users to find all information and interactive functionalities on the left side of the screen. The right side of the screen visually guides users through the physical execution of a test. Additionally, the design allows easy scalability across multiple screen sizes, accommodating global customers.

Reflection

In this project, I developed a deeper understanding of the importance of minimizing the amount of information presented to the user. Simplifying the interface helps users process and understand it more easily, reducing cognitive load. The concept of breaking consistency when necessary in design also became clearer to me; while a consistent look is generally important, occasional deviations can create a more dynamic and engaging user experience. In future projects, I plan to incorporate design inspirations from various sources, including offline ones like magazines and books, more frequently. This practice, which proved to be very useful in some of my design iterations, has shown to be especially valuable during creative blocks as a way to generate new ideas. I also learned that under deadline pressure, there isn’t always enough time to test designs with real users. While the simplicity of this tool’s layout made testing less critical, I would have still liked to explore the High-Fidelity version in more depth. Allocating time for that will be a greater priority in my future projects.

Used methods & Techniques
Sitemap
Low-Fidelity Wireframe
High-Fidelity Wireframe
Dot-Voting
Deliverables **Shared upon request
Prototypes
Conceptual Design
Team
Elmar van Zyl – Head of Design
Oskar Suhre – Junior Designer
Ruud Knoops - CEO