UI Audit Edition - A Secured UI with Moot's Landing Page

Welcome to the 3rd UI Audit Edition!

My name is Jesiah and I am a UI Designer at Nektic. I’ve been a UI Designer for over a year working on landing pages, website UIs, and branding, and I have been enjoying and learning the field so much that I decided to create a UI Audit series for the whole 3rd quarter of 2023.

For this week’s UI Audit edition, we’re going to be observing and refactoring Moot.

What is Moot?

Moot Security Management (MSM) is an orchestration-as-a-service platform that enables one-touch deployment of Enterprise, Specialized, and Privileged Security baselines and simplified lifecycle management of users and devices.

You can check out their landing page here: https://mootinc.com/

Moot’s content on their landing page is straightforward, giving some context to the users about their services and product. However, I believe there are some touches we can add in order to make their landing page more aesthetically pleasing and more laid out for their users.

UI Observations

Clarifying Intent: There is a lack of intent that this page should be focusing on. We will be on enhancing the clarity of the page's intent. By making sure that the messaging is clear and concise, users will be able to quickly grasp the purpose and benefits of the Moot cloud security service.

Guiding Users: The sections of this landing page are confusing and messy to scan through, even with their data laid out. Our goal is to create a user-friendly journey that intuitively guides visitors through the page's content. By strategically placing elements and organizing information, we can help users seamlessly navigate and find the information they're seeking.

Enhancing Visual Balance: There are inconsistencies when it comes to Moot’s section designs, especially in their margins and their layouts. Just like back in UI Audit #1, by refining the design layout, we can create a more visually balanced and inviting landing page. This will ensure that users are greeted with a harmonious presentation that captures their attention.

What the UI Needs

Even with all the data laid out by Moot, their intent for the landing page feels confusing, which can be a miss when our goal is to capture leads using this page. Here are some improvements that their UI needs:

(1) The inconsistent layouts for the sections can pose a navigational issue and confusion for the users.

(2) The intent of the landing page can be shown or expressed more with a proper layout of content.

Refactored UI

Now after those observations, here is what I came up with to help how Moot’s landing page can be improved.

Here are the improvements I made:

• Sections’ spacings and layouts are made more consistent with the proper use of page margins and a 4-point system for the elements.

• Data and information are made more scannable and understandable for the users to read through.

• Added CTAs to capture leads and gain more demo requests as this is the intent that should be given for this page.

• Hierarchy of its contents and elements to be more scannable and pleasing for the users.

What I learned

In this UI Audit edition, I learned that apart from aesthetics and user experience, the intent of the design is also as important. We can create good designs with good user experience, but if the intent of what we’re creating isn’t there or is confusing for the user to understand, then we as UI designers have failed on that design. It should be one of our jobs as UI designers to lay out what we want them to see and understand in the content/design we are making, and not let our users run off because of misunderstanding the intent of what we are creating.

Picks of the Week