More

    Redesigning Scalefusion: A sneak-peek!

    Share On

    Table of Contents:

    1. Introduction to Scalefusion
    2. Why the redesign?
    3. Understanding the platform
    4. Adapting Material Design to Web
    5. The Redesign
    6. Team Involved

    ## Introduction to Scalefusion

    Scalefusion is the flagship product of Promobi Tech, Pune. The inception of this product happened in December of 2014. It is an Android Kiosk Lockdown software, that allows a user to control the applications and websites that are displayed on an Android Phone. The product consists of two parts:

    **1. Mobile Application – Android**
    **2. Cloud Based Admin Dashboard**

    Currently, Scalefusion is managing over 18,000 Android devices. The Dashboard consisted of 27 unique sections.

    ## Why The Redesign?

    Redesigning and refactoring a product that is already successful, is a tough decision for any company to make. I was lucky enough to have a very supportive team who took a decision and decided to just go ahead and do it. Focusing on a good UX and continually innovating with Design, would result in creating value for old customers, and helping new users adapt to the system with ease.

    ## Understanding the platform

    Promobi Tech never had any full-time designers, so when I got on board, there were no previous design files or assets to work with. Understanding the platform was a mixture of referring to the live design, and the constant guidance from the superiors at ProMobi Tech. We had initially started the process by conducting workshops to understand the scope of the redesign, as well as come up with a structure so that we could work on it in sprints, to make sure that we were being efficient in iterations and conducting development at the same time that design was going on. Another challenge that we were facing, was to organise the cluster of data into more understandable chunks, to make any user’s experience better.

    ## Adapting Material Design to Web

    Once we had defined the scope and the timeline, we proceeded on to identifying key problem points that users face while using the dashboard, and then started to decide on how the visual aspect of the dashboard would change. Google’s Material Design served as a base for us when it came to the redesign.

    ## The Redesign

    The redesign took place over the course of 3 months.

    **Sidebar**

    (image to be added here) One of the very first aspects of the dashboard that we redesigned, was the sidebar. In the older version of the dashboard, the sidebar showcased 26 sections, and in the newer version, we had grouped together related items and added them in an expand-collapse format, for easy viewing, and it additionally removed the need for a scroll within the sidebar.

    **Devices Screen**

    MobiLock-Dashboard

    The next section that was tackled was the devices screen. This section was the crux of the dashboard, as it gave the users an overview of all the devices that were running Scalefusion, whether they were currently locked or unlocked, and allowed the user to access the details of each device. These details would include what branding was applied on the device, a quick overview of all the locations that the device has been to, and other relevant information to the device.

    One of the most important changes made to this section, was the filter bar. Previously, the user could only sort through by viewing locked and unlocked devices. The filter bar allows the user to sort through the Locked and Unlocked, as well as Device Groups. Additionally, pagination was also added to make the searches and viewing quicker and lighter.

    On clicking an individual device and viewing the details, the user has an updated view where they’re allowed to view all the apps on that particular device, and make changes if necessary.

    **Branding**

    Personalisation and customisation are two very important aspects of the Scalefusion dashboard. The branding section has been revamped completely to showcase all the essential information related to the brand, with even a preview of the brand on the first view.

    When a user is creating a new brand, one of the main UX updates, is choosing colours for the brand. We’ve given the user an option of 12 colours to choose from, as opposed to letting them use a colour picker. The reason for this is that they can now choose colours quickly, without having to play around with the picker to get the right colour. There is also a provision where the user can enter their custom colour code, and get that particular colour applied to the brand!

    **Locations**

    MobiLock-Location

    The Locations section was one of the biggest UX challenges faced during the revamp of this dashboard. The entire section was restructured from scratch. Below are some of the key features of the new Locations section.

    – Full Screen View: A user can have an overview of all the devices that are running Scalefusion at a single glance. We currently use Google Clusters to accommodate any number of devices, without making it look clustered.

    – On clicking a device, the user can view a small preview of where the device is, and what the status of the device is.

    – If a user wants to view more details, a detailed report is shown, with a timeline of all the locations the device has been to in the past two months. This can be saved to a PDF or CSV file for easy access.

    **Enterprise Store**

    MobiLock-Enterprise

    The Enterprise Store is one of the most unique features of Scalefusion. In a nutshell, if the customer doesn’t want to add his Company’s Mobile Application to the Google Playstore and make it public, he can upload it on the Scalefusion Enterprise Store and have complete secure access to which devices it is being published on, and update it within Scalefusion itself.

    – The Enterprise Store is divided into Scalefusion System Applications, and the User’s applications. Scalefusion provides various standalone apps such as a Bluetooth Manager and File Manager.

    – We’ve introduced a QuickView for the applications. Once the user taps on the icon for the application, a sidebar is pulled from the right side, showing all the information related to the application, and all the actions that can be performed with the APK.

    **Mobile Content Management**

    MobiLock CMS

    Content Management is something that is intricate to the customer’s needs. With this feature, the user is able to upload files and folders, and manage them within the dashboard. These files can be published to devices in real-time. Currently, the user can upload documents such as PDFs and DOC files, as well as MP4s and MOVs.

    **GeoFencing**

    MobiLock-Geofancing

    A geofence is a virtual barrier. Programs that incorporate geo-fencing allow an administrator to set up triggers so when a device enters (or exits) the boundaries defined by the administrator, a text message or email alert is sent. The user can define these areas within the dashboard, and receive alerts when the device enters that area.

    **Security Incidents**

    MobiLock-Secruity

    Security Incidents is one of the biggest factors when it comes to the stability of a product. Scalefusion allows the user to know when the phone has a failed unlock, or whether there has been an attempt to change the SIM card inside the phone.

    ## Team

    **Core Design & UX Team**

    Harishanker Kannan
    Arnab Chakraborty
    Abhishek Samantaray
    Arjun Rajkishore

    **Dev Team**

    Arnab Chakraborty
    Ravinder Rana
    Kalpesh Fulpagare
    Jalendra Bhanarkar

    **QAs**

    Harish Mhatre
    Sheetal Rana

    Latest Articles

    Introducing OneIdP: Transform Shared Device and Identity Management on Scalefusion

    We're thrilled to share a major leap in our journey of innovation – the introduction of our very first Identity Management Solution- OneIdP. This...

    How UEM Can Manage First Responder Devices 

    There have been lots of heart-pounding Hollywood hits that have showcased the tasks and lives of a section of our society. Ladder 49, anyone?...

    Understanding the Role of MDM in Education 4.0

    In ancient Greece, formal education was primarily reserved for males and excluded enslaved people. Early Mesopotamia restricted access to schooling to royal descendants, the...

    Latest From Author

    Scalefusion – Mobile Application Management

    John, the CEO of FieldForce+ is super-excited because he’s just secured a major win with CellPlus, a game-changer cellular service provider. He’s also nervous:...

    Leverage Geotechnologies to Better Manage Remote Employees

    In today’s work-space scenario, more and more employees are working on-the-go, away from the workplace, making physical offices boundary-less. Mobility has enabled working away...

    FinancesOnline grants two IT management software awards to Scalefusion

    Scalefusion got the thumbs up of no less than one of the premier online software review sites. We are proud to announce that our kiosk...

    More from the blog

    How UEM Can Manage First Responder Devices 

    There have been lots of heart-pounding Hollywood hits that have showcased the tasks and lives of a section of...

    How MDM Supports a Mobile-First Business Strategy

    It’s the planet of mobiles. Communication, learning, entertainment, or business; it’s all about mobile devices. Hence, it's no surprise...

    MDM Implementation Guide for Your Transit Company

    In an era where mobile devices are integral to daily business operations, ensuring the efficient management and security of...