mongoose_logo_red
mongoose_word_logo_red
small_arrow_black
Back to Design Portfolio

Mongoose Platform Interface Design

Mongoose Platform Interface Design

sketch_logo
illustrator_logo
marvel_logo
zepplin_logo
mongoose_platform_UI1
Project Goal

Our goal was to create an easy-to-use platform, that would allow our customers to manage numerous IoT devices, customers and resellers. 

01. Information Architecture

Flowchart and Wireframes.

mongoose_platform_platform
02. User Interface elements

Colors.

With large amounts of data being displayed, we decided to make our interface mostly white with just a few select accent colours, including the Mongoose red. 

Main
#D22630
#BA101A
#F6D4D6
#F8E7E8
Ui elements, lines, icons, text
#0B1F41
#606D83
#9BA9B7
#DFE2E6
#EAEDF0
#FAFBFB

Typography.

Due to its style and flexibility, Open Sans was selected as the font across all interfaces. 

Aa

Custom Icons. 

Icons are an incredibly important branding tool as they not only need to grab a user’s attention, but also clearly illustrate what it is meant to represent. As a part of our brand we have created custom icons.

mongoose_platform_iconsmongoose_platform_icons_mobile

Style Guide.

To ensure a smooth transition from idea conception to completed project, we create a style guide for all projects, including the Mongoose interface. This ensures all requirements are completed and we stay true to the brands look and feel. 

mongoose_platform_styleguide1mongoose_platform_styleguide2mongoose_platform_styleguide3

Tables.

Data needs to be clearly displayed to ensure users can scan, analyse, compare, filter, sort and manipulate information. All of these elements are taken into consideration when we create data tables. 

mongoose_platform_table1mongoose_platform_table2mongoose_platform_table3mongoose_platform_table4
mongoose_platform_UI2add_reseller_popup

Filters.

We have created an advanced filtering system, to help users quickly and easily sort and filter through the large amounts of data displayed.

mongoose_platform_UI3
mongoose_platform_UI4filter_popup1filter_popup2

Bulk actions.

We have created an advanced filtering system, to help users quickly and easily sort and filter through the large amounts of data displayed.

mongoose_platform_UI5group_popupcheckboxcheckboxcheckboxcheckboxcheckbox

Map view.

The map view allows users to easily search all devices via location.

mongoose_platform_UI6router_details_popup

Messages.

The Mongoose Platform has a Message service, which is a built-in ticketing system.

mongoose_platform_UI7
mongoose_platform_UI8mongoose_platform_UI9mongoose_platform_UI10

Page not found.

mongoose_platform_UI11
Mongoose Platform

Everything you need for managing IoT devices.

small_arrow_black
Back to Design Portfolio