UX UI Design

Streamlining Printing Supply with Custom ERP

Our Role
UX Consultant
UI Designer
Product Designer
Timeline
3 Months
Human-Centric Approach by Conducting
24
Survey Responses
10
User Interviews
8
Usability Test Round-1
4
Usability Test Round-2

Screenshots

No items found.

Client Introduction

Client is one of the largest suppliers of printing, packaging and labeling across the globe. With its operations established in more than 40+ countries and a revenue of USD 2.3 Billion, the large-scale operations of the organization are handled by more than 7,900 employees. With its headquarters in Europe, our client provides global Flexible Packaging, Paper & Board, Narrow Web and Publication industries, both conventional and digitally printed.

Business Scenario

With huge global operations, employees scattered across the world and thousands of orders being managed on a daily basis, our client required an internal enterprise solution that can digitize, and streamline their entire order management process. Right from receiving the order to production, consignments, invoices and complaints, every aspect of customer and order management was to be digitized.

The motive of this enterprise order management solution was to provide employees with real-time information regarding their orders and their status. The solution was to be created keeping in mind various users that had different cultural backgrounds, technology understanding and different authorities and responsibilities. To ensure that the enterprise solution could accommodate all types of users and their requirements, the client approached us to create the entire User Experience and User Interface of the solution.

Requirements

  • To research all types of users and design a seamless User Experience of the digital solution.
  • Create the design layout and information architecture of the entire solution.
  • To strategise, create and implement the navigation flow of the system.
  • Design the User Interface of the desktop and mobile solution.
  • To ensure that the solution aligned with the client and user expectations.

Solution

Before we move the solution, let’s first analyze the modules of the order management process that were included in the system:

  • Customer and Internal User login
  • Personalized Dashboard for holistic order management
  • Orders status page
  • Invoices 
  • Consignment
  • User Management module
  • Customer lists
  • Upcoming Events
  • Support Centre
  • Downloads
  • Profile
  • Complaints

We catered to all the UX and UI requirements of the client for their Web as well as Mobile Applications. Since the system was to be designed first, we started with the following UX services first.

UX Services

User Research:

We started by interviewing the stakeholders of the order management process and the organisation’s decision-makers to understand the business goals that they wish to accomplish with this system. Once the end goals were defined, we moved towards defining the processes and user persona for the application. Since the client had global users, defining the cultural and geographical traits of the system was essential to ensure that the system had minimal resistance from the internal staff.

System Analysis:

Once the users, processes and end goals were defined, we then conducted an in-depth analysis of the system. This process included developing different scenarios for the users, defining the digital functionalities that would be included in the system, creating the customer journey maps, content layout and information architecture of the system and also defining the web and mobile functionalities of the order management system.

Non-Functional Prototype (NFP) Development:

Once we got the approval of the list of functionalities, we designed the wireframes and information architecture of all the functions of the system. The wireframes were then given a visual design and we also animated the interface of the system. Once all the processes were defined, we also tested the wireframe to check for technical challenges and the feasibility of the system.

UI Services

Defining the Design System of the application:

Although the system was internal and the majority of functionalities were used by internal organization users, to ensure that the system can become seamless and that the customers could feel familiar with the system, we defined a design system for the client using Atomic Design System.

This exercise not only helps the designers and the designing process, but also becomes a guide for the future scalability of the system. Thus, by referring to the old systems and other client platforms, we started the Atomic Design by creating different building blocks that would co-exist in the web and mobile applications. The process further led to defining the tangible UI elements, complex structures and page-level objects.

Below is a glimpse of the design system basics that were finalized for the Web and Mobile application:

Atoms: (standard text style or buttons)

Molecules: (tangible design elements like search form by combining the uniform button and the text field)

Organisms: (creating a header or the page layout with text style, buttons and text fields)

Templates and Pages: (standard dashboard template)

UI Designing:

With the approved design system, we then designed the interface of the system. The entire User Flow of the system was implemented and based on the various user personas, the respective elements, pages, icons, text fields, banners and other such interface elements of the system were created. The idea was to ensure that the system was not only designed seamlessly and clearly, but it must also appeal to the culturally diverse users of the application.

Benefits for Client

  • Complete digitalisation of the order management process.
  • Seamless digital system designed to accommodate the diverse user-base.
  • Personalized UX and UI that would align the users with the business end-goals.
  • Real-time access of information to the relevant users.
  • A secure internal system with personalized functions and personalized experiences.

Benefits for End-User

  • Real-time access to integral order status and information.
  • Single solution for the entire order management process.
  • Increased productivity and efficiency with process automation.
  • Better customer service opportunities with real-time data for communication.
  • Secure system with all-time access to data on hand-held devices.

Our Process

TenHeads Design Process
Understand
Initial Ideas or Inspiration & Establishment of User Needs
Market Research
User Research
Design Research
Technology Research
Interviews & Insights Gathering
Observation & Shadowing
Empathic Modelling
Information Managment
Define
Interpretation & Alignment of Findings to Product Objectives
Information Analysis
Synthesis & Identification
Product Refinement
Product Management
Product Sign-off
Develop
Design-Led Concepts & Proposals Iterated & Assessed
Ideation
Multi-Disciplinary Working
Visual Managment & Progress
Testing & Prototyping
Review & Improvement
Deliver
Process Outcome(s) Finalised & Implemented
Final Testing & Approval
Design System
Production
Launch of Outcome(s)
Evaluation & Further Feedback
Future Work