Tariff Finder

A tender project

2018

A Free Trade Agreement Analyzer which provides information using HS Codes of products internationally and allow users to find out the different tariffs required to pay according to Free Trade Agreements between Importing and Exporting countries they wish to ship from and to.

Objectives

The Tariff Finder shall serve as a user-friendly comprehensive database of tariff and non-tariff measures including Most Favoured Nation (MFN) rates, preferential rates, rules of origin and product specific rules, and import formalities.

 

Users shall be able to use the database of information to not only evaluate the Free Trade Agreement (FTA) landscape to maximize tariff preferential benefits that can be obtained, but also gather verified information on destination specific general and specific import formalities.

Motivation

The Tariff Finder is a tender project for ESG Singapore back in year 2018, when they were still using Mendel's old design. Eventually, GeTS also decided to develop our own Free Trade Analyzer, under another product, Hive.

Discovery

Product Requirements

Within the Tender Requirement Specifications document of 21 pages, the features and functions needed are stated clearly; in scope and out of scope, from MUST HAVE to GOOD TO HAVE.

Stakeholder and User Research

Interviews were done with internal stakeholders; mainly because GeTS ourselves, are also part of the target user group.

Talks and consultations occur mostly with Product Manager, Sales, Account Managers, and Data Analysts & Scientists.

Old Customer Journey Mapping

Why and how a user will use the Tariff Finder.

1. NTP or ESG Users can access to the 'Tariff Finder' tab through necessary tabs on ESG website.

3. To enter the Tariff Finder Free Trade Analyzer platform, click 'Access Now'.

Screenshot 2021-04-05 at 5.52.49 PM.png

2. Users can actually also find the general Free Trade Agreements on ESG's website, but they are not provided with any guidance.

Screenshot 2021-04-05 at 5.18.08 PM.png

4. You will be brought to the Log In page of the Tariff Finder platform.

Analysis of Original Design

Analyse the original Tariff Finder on ESG by Mendel. The original shots are missing, hence I will be using the snapshots below of current solution on ESG (for the same analysis). From the previous, Mendel has made a few changes, mainly color scheme and some performance upgrade. However, in terms of UX, it does not fare far from the previous one they had. 

A snapshot of Mendel's current solution on the Tariff FInder

1. Top bar 'Nomenclature...'  is redundant on the first page as they are informative and non-clickable. These are only useful within a HS Code page.

2. Tree View is not shown upfront; it is only displayed when a Search is done - the user is unable to do a manual search

3. Nomenclature (Section 1 01 to 05) is unclear within Search Results

4. HS Code Page Details are all displayed at one go, similar to a PDF - cluttered and disorganised

5. No alerts on Updates

Findings and Insights

From the research above, there are areas lacking and also much room for improvement.

  Purpose, Lack of User Journey  

The real estate on first glance is heavy, what should the user do upon entering?
What exactly is the user journey here?

  Unknown-unknowns in Search  

What can the user search for if what he wants has to be keyed in? Eg. Keying in the exact HS Code in the Search bar, but he does not know what it is. He only knows what he is shipping.

  Information Hierarchy   

Instructions and information floats about everywhere, there is no proper information architecture.

  Static  

The platform is not engaging, it looks like a digital brochure.

Define

Real Estate/Information Architecture

Defining the main features necessary.

Screenshot 2021-04-05 at 8.57.10 PM.png

Looking into the data structure and understanding what the numbers of the HS Code means.

Screenshot 2021-04-06 at 12.59.01 AM.png
Screenshot 2021-04-06 at 12.59.37 AM.png
User Journey

Having defined the estates we require, a quick sketch best help with a clear user journey.

Screenshot 2021-04-05 at 8.57.46 PM.png
Screenshot 2021-04-05 at 8.57.58 PM.png
Screenshot 2021-04-05 at 8.58.06 PM.png

Design

With a short and clear user journey, iterations were done together with the design of the user interface.

Iterations

Having defined the estates we require, a quick sketch best help with a clear user journey.

Providing instructions with step by step approach.

Step by Step User journey, Progress bar, indication of Im/Ex countries throughout, mobile design

Final Design

Incorporates design of logo, color, and the final user experience.

Main User Flow

Step by Step User journey, Progress bar, indication of Im/Ex countries throughout, New Search

Updates, Dashboard and Reports

Note

A fun project that I enjoyed. What lacked here was the chance to do more user research.

The project has been developed within another product of GeTS, Hive.

Role: UIUX Designer

Team: Product Manager, UIUX Designer, Data Analyst, Data Scientist, Front-end Engineer