Lucia Bustamante

Nobly Backoffice Redesign

Product Design

— PROJECT NAME

Nobly Backoffice


— ROLE

Product design


— DATE

2017


— CLIENT

NoblyPOS


Context


Nobly’s cloud-based backoffice suite produces reports as beautiful as they are powerful. The Backoffice generates 32 different reports. See what’s selling and what you’ve got in stock in real-time, or dive deep into your sales with end-of-day analytics. 

Know more Nobly POS Backoffice


The problem


The old Backoffice was not usable, it was scarce in reports, and complex high-frequency tasks were not intuitive enough. This was being a problem for the company since the Backoffice is the tool that customers have to manage and monitor their business. The improvement of the tool was crucial to increase the level of satisfaction and credibility with our product.



Goal


Improve the UX and the UI, add more value with new reports and redesign the existing reports by adding more data visualization, and easiness of data reading.



What was done


In order to offer a better experience, user flows were redesigned to bring the user easiness of use on complex tasks and reports were redesigned to take maximum profit of data.

The user interface changed to a more clean look and feel in wich the main focus is the data.


In this new stage, a Design System was created to facilitate the processes with developers and maintain consistency.


First metric to measure success

Decrease churn



Conversion


All clients migrated to the new BO

More user retention and engagement

Product reliability​​​

Gained new customers


Old Backoffice


New Backoffice

Backoffice login

Dashboard: 3 new widgets were added, the layout was subtle changed, the charts were improved. The new style incorporated cards more rounded and less shadows.

Sales summary report: A new widget was added at the top displaying main stats at glance. Relevant Sales stats were added above the chart. 

Hourly sales heatmap: This report used to be just a table plenty of numbers and was very messy to scan. A heatmap was incorporated to quickly scan by color.

Profits and costs report: This is a brand new report about profits and costs

Staff sales multilocation report

Design System

Nobly Go, the mobile version of the Backoffice

https://www.noblypos.com/nobly-go

Designed with  for Nobly POS. 

Copyright © 2019/2020 Global Retail Technology Limited. All rights reserved.