top of page
UTMS_mocukp_1.jpg

UTMS
Traceability Management System 

About UTMS

UTMS is a traceability management system built with blockchain and IoT to enable traceability and authenticity of products in the supply chain. With it, businesses can track and manage the products in real-time, and consumers can easily view the product’s information including origin, logistics journey and conditions at each position by scanning the smart tags on it.

My Contribution

By the time I joined UCOT, UTMS is only a Minimum Viable Product that contains a few basic functions, my job was to test the existing product and developed a new version.  My work consisted of managing project, performing user research, conducting usability testing, redefining site map and user flows, creating wireframes and prototype, and designing the user interface.

My Role

UX&UI Designer

 

Tools

Figma, Sketch, Invision, Adobe Photoshop, Miro

 

Team Size

4 people

Challenge: How could businesses track and manage the product in the supply chain efficiently and effectively? 

Global logistics are hard to manage due to the lack of transparency in the supply chain. Manufacturers, Logistics and consumers need full visibility on the supply chain, so they could track the product, and make sure that they are following the pre-planned route and stored under suitable conditions.

 

Supply chain counterfeiting is also a big issue that plagues almost every industry. While manufacturers and distributors face huge losses every year to counterfeit products,  the risks to consumers can be even greater.

STAKEHOLDER MEETING 

Our project team met with our clients for a project kick-off meeting to gather information. Through the meeting, we learned that their business objectives are:

  • To be able to track and manage the products all the way throughout shipment, therefore avoiding counterfeiting and theft of goods.

  • To build trust with their consumers with transparent information.

  • It would be better if they could monitor the storage condition in real-time.

We understand the potential target audiences would be most of the participants in the supply chain, which are: 

manufactures.png

Manufacturers

  • Production & quality control

  • Warehousing the Products

  • Send the products to the distributors through logistics

  • Maintain brand reputation

logistics.png

Logistics

  • Ship the products from manufacturers to distributors

  • Keep the products in suitable storage conditions

  • Update the logistic status with manufacturers and distributors

distributors.png

Distributors/Retails

  • Sell the products to the consumers

  • Build trust with consumers

  • After-sales service

  • ​Manage Inventory

And the pain points throughout the supply chain are:

  • Insufficient supply chain visibility 

  • Lack of consumer confidence due to Counterfeiting 

  • Poor storage conditions

COMPETITIVE ANALYSIS

We started with a competitive analysis of the key competitors. This was a quick way to compare and contrast our current platform to the others and find out what we could implement or recommend within our re-design.

Competitive Analysis.png

EXISTING PRODUCT ANALYSIS

To evaluate the current website, we conducted 6 user testing to see how the user interacts with the current platform. The key findings on the main functions were the following:

Dashboard

Dashboard.png
  • User find some titles are very confusing to understand.

  • User is not sure what 'per day' and 'vs prev month' data refer to.

  • User try to click on a title as they want to see the details of that title, but nothing come out.

  • Some titles have different style 

  • User try to click on the issues to see the details, but it does not refer to any pages.

  • The annotation of the distribution record is not clear, and there are two filters that are very confusing.

  • The map is not working properly, no data shows when clicking on each area, and users want to filter it by date to view the data comparison within a certain period.

Traceability - Map

  • There is no 'search' button to click on after inputting the content.

  • The 'Node Info' window does not show the name of the node. 

  • The styles are not consistent throughout the window.

  • Users want to see more details in the right 'node info' window, such as whether there are any issues.

  • Users want to know more about the issue, such as the reporter's information, the product details, the location and other related information that help them solve the problem.

Traceability-Map.png

Traceability - Alarm

Traceability-Alarm.png
  • There is no 'search' button to click on after inputting the content, the 'batch operation' button is confusing.

  • The pagination is not in the same place ( some at the bottom left corner and some at the bottom right corner). 

  • The Font styles are not consistent throughout the window.

Report - Product Analysis

  • ‘total no. of traceability’ is not very useful when making decisions.

  • The graph looks like a comparison between 2 products, but there is only one product name and details on the top.

  • The graph is not working properly, and the user wants to filter it to see detailed data.

  • There is no 'search' button to click on after inputting the content

  • Users find some of the titles very confusing.

  • The 'view' button does not look like a button.

  • The graphs shown in the 'traceability data' table is overwhelming

  • The pagination is not in the same place ( some at the bottom left corner and some at the bottom right corner). 

Report-Product Analysis.png

PERSONAS

We developed our primary personas that were a reflection of the trends we found from the research. The persona helped us to create scenarios to ensure our user's goals were met in our redesign.

persona 1.png

 

 

 

OUR SOLUTIONS

 

The UCOT Traceability Management System is aiming to address the problem by:

  • Providing full product traceability: combined with Smart Tags and IoT devices, businesses can track and manage the products throughout the supply chain.

  • Building trust with consumers: the underlying blockchain technology ensures the security and authenticity of data, therefore, building trust with consumers with transparent information.

  • Ensuring the quality of products: with the help of IoT devices, businesses could monitor the storage condition, and receive Real-time notifications when abnormal occurs.

Screen Shot 2022-03-19 at 6.26.31 pm.png

 

 

 

REVISED SITEMAP

UTMS Site Map.png

DESIGN

​Our team then work together to redesign the website. In this iteration, our focus was on the dashboard, Traceability and Report as they are the key features of our platform. We created wireframes and Low-Fi Prototype and ran the testing as much as we could before we release our updated version.

Dashboard

Dashboard.png

 

Traceability - Map

Traceaility-Map_1.png
Traceaility-Map_2.png

 

Traceability - Alarm

Traceaility-alarm_1.png

 

Report - Product Analysis

Reports-product analysis_1.png

NEXT STEPS

UTMS is one of our key product, we had a multi-year roadmap of improvements, and will continuously develop a next version to create a better experience for the users. In our next version, we would:

  • Conduct interviews with our potential users and to dig deeper on their gains and pains. 

  • Focus on the Dashborad, Product and Treaceability section, so we can help our stakeholder to track and manage the products efficiently.

  • Perform usability testing of the current website before adding new features.

UTMS_mockup3.png
bottom of page