A large canvas and young (yet serious) target audience for it, form the scope of all products shown below.
Informative yet unique
Attempted to strike a balance between making systems interesting and useful. Following are two examples, in which concepts were given a literal representation:
The above screen is a homepage of web-portal used by companies to track their deliveries; the pronged road shows progress on each step of the way. The below screen is a dashboard of a vehicle monitoring tool; it is designed to mimic an actual vehicle dashboard to improve its appeal.
Customers expected to have access to their systems from any device, hence a responsive structure was built from the ground up. The example below shows how the same screen looks on both desktop and mobile:
Users ranged from company directors to truck drivers and use case from analytics to operations. But each case had a familiar design to it, as shown below:
Clean and functional
Clear themes were chosen for each application.
Information were laid out with considerable space for ease of assimilation and emphasis.
Self descriptive icons were used throughout each app to make them more attractive and less text heavy.
Being business apps, all products were designed for both Android and iOS platforms.
The aim was to make each app look as similar as possible, regardless of the platform, to share resources.
The example shown here is of how a widget of the same app would look in both OSes.
Designing system UIs may appear macro in nature, but it is really the accumulation of the little features, some of which are highlighted as follows:
Emails are just as important a point of contact, by a system, as the main interface is - they are an opportunity for customer engagement. The following are email templates designed to various systems and situations:
While not evident, popups outnumber standard data forms. So, a special attention was paid on their creation, with a focus on keeping them similar to the main design as well as how reusable they are across the system.
The above popup is a share sheet that invokes on any screen with data (reports, lists, charts, and more). The popup below is related to payments (new or renewal), with a host of options like discount and offers.
These are a list of small touches that were added after careful consideration:
The logo of the product in question is an infinity symbol. So, to reenforce the brand connection, the loading or 'please wait' graphic was chosen to resemble an infinity.
This is the product's official logo, shown for your reference.
This unique feature let users practically read out the filters they have applied to the data on the screen. From a technical standpoint, no AI or complex algorithm was put to use, instead, filter labels were carefully worded with natural language to appear as a coherent sentence, as shown below:
Adding on the fly
Employee turnover is common for the customer using this system. So, managers can now add users while assigning work to them rather than doing so from settings.