Product Design

Enhancing Transparency with Blockchain Provenance Wallet

Our Role
Creative Direction
Product Designer
UI Designer
UX Consultant
Web Designer
Timeline
3 years
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

Our client is a Technology Veteran who has dedicated her life to the field of philanthropy and sustainability. She is a member of the World Economic Forum’s Global Future Council which overlooks the Future of Manufacturing. She also is a part of the Global Future Council on Blockchain and co-chairs World Trade Board’s Sustainable Trade Action Group. She is a proud women entrepreneur who is recognised and celebrated by many with various accolades for her innovation and contribution to IT.

Business Scenario

The cosmopolitans and the global brands are slowly and gradually moving towards sustainability. Or at least that is what the papers and marketing collateral say. But, with the increasing demand for sustainable products across the globe, even global sustainable brands sometimes source their raw materials or products from places that employs blood money or child labor. Although there were many such instances where companies had non-sustainable or terror-funded supply chains, they showcased themselves as brands that believe in sustainability.

With the lack of provenance in the supply chain, customers couldn't track the history of the high-value products or raw materials in mining such as the journey of the diamond, critical materials of an electric car battery, fibers of the finished apparel, the journey of the alcohol bottle and others. Thus, to give brands proof of their sustainability and to provide customers to track the provenance of these products, our client required a Blockchain-based technology solution that would provide verified provenance to the brands. Based on this, the client contacted us with the following requirements.

Requirements

  • To conduct primary and secondary research on the businesses and their supply chains
  • Define the user persona of all kinds of users, customers and brand representatives that would use the system
  • To define the functionalities and features of the Blockchain solution for optimum scalability and numerous applications of the secure product ledger
  • Design the navigation flow and define the information architecture of the Blockchain and the system
  • Design the User Interface of various technology solutions
  • Create a futuristic design that would make the system flexible and scalable for future applications

Solution

While the cornerstone of the technology solutions created by the client was provenance, the solutions were then diversified into three main categories which were named as:

  • Amplify
  • Capture
  • Identify

Although the data collected was for the one Blockchain ledger, the applications of the data were different and each application had its business model or use for the customers and the brand. Before we move to the UX and UI services we catered to the client, let us first understand the basic application of the 3 main categories.

Amplify:

To provide e-commerce websites and brand digital platforms to provide the proof of provenance of their high-value products to their customers, the client created a suite of powerful APIs widgets that can efficiently call on an object, material, or an entity’s provenance data from the client’s Blockchain Platform. 

The provenance records display cannot be altered but the clients could integrate the feed and customize the UI and make it uniform with their platform. The APIs also empowered e-commerce platforms to display the ways in which digital ownership is transferred to customers at the point of sale. 

Capture:

This solution was designed for the brands to provide proof of the provenance of their product and create a life story and journey of their product. With the help of different technology solutions such as Blockchain and IoT and the use of nodes or peers such as manufacturers, owners and certification houses, a brand can create a legitimate provenance journey for their product.

Customers can check the entire journey of the product right from the sourcing of the raw materials to the associates that conducted processes on the materials and created the final journey. Brands can also encourage customers to transfer the assets on sale and in that manner the end customer can also track the ownership history of the product.

Identity:

To give truly sustainable brands the ability to showcase and capitalize on their proof of sustainable provenance, brands can simply create their provenance journey with the capture feature and create custom experiences for their end-users with the help of identify module. 

In this module, the brands can simply create the provenance journey and configure it in their website with their brand-centric UI. Once the product is listed and the landing page is defined, brands can include that in their packaging with smart labels and IoT sensors. This way the customers can validate the sustainability claim of the brand and the brands can authenticate their claims made in the brand or marketing collateral.

For all these 3 applications and the Blockchain wallet of provenance, we catered to all the UX and UI requirements of the client. Since the system was to be designed first, we started with the following UX services.

UX Services

User Research:

We associated with the client when only the blueprint of the product was built and when it was in the preliminary stage of Blockchain wallet development. After conducting in-depth sessions of idea understanding, we conducted primary and secondary research where we started the product as the diamond wallet.

All the respective diamond dealers were contacted and interviewed about their provenance. Then, the process moved towards the secondary research of applications of the provenance Blockchain wallet. After thorough research, the first phase of the Blockchain wallet was developed keeping in mind the mining products such as diamonds, critical minerals extraction, fibers and other such materials. Based on the defined scope of the project, the various users of the system were also defined to move forward with. 

System Analysis:

Once the users, applications and end goals were defined, we then conducted an in-depth analysis of the system. With different applications and technology solutions, many different storyboards, user personas and scenarios were defined for the different systems. Once the users and their personas were defined, digital functionalities, customer journey maps, content layout and information architecture of various systems were created.

Functional Prototype Development:

Once the client was satisfied with the functionalities and the system applications, each technology solution was treated as a different product solution and each product’s technical feasibility was tested with the functional prototypes. Clickable wireframes and information architecture of all the systems were defined and designed to the end to conduct a thorough proof of concept. The functional prototypes were then given a visual design and we also animated the interface of the system.

Implementation consulting:

Once the Blockchain wallet functionalities were defined, we also participated in the backend development and its implementation as UX consultants. In this process, our UX designers collaborated with the Blockchain and other technology developers to create a system guide for them to follow and we also ensured that the final development matched the client’s expectations.

UI Services

Defining the Design System of the application:

There were many different applications of the Provenance Blockchain wallet and there were also numerous users of the application. The toughest part for us was to define the design system for the client that would accommodate the brands, users, customers and various other associates of the system. Right from government officials who followed specific processes to brands who required dynamic UI for a personalized implementation, the design system must accommodate each user’s expectations and requirements. 

After thorough discussions, we settled to create a brand-centric design system using the Atomic Design System methodology. The UI would have certain brand elements that would make a distinct brand image of the technology solutions but the rest was kept dynamic for brands to replace and adapt to. With this approach as the cornerstone, we created different building blocks 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 deployed a cross-functional teams of UX consultants and UI designers for each technology solution. Based on the defined user personas, design elements and applications, the respective elements, pages, icons, text fields, banners and other such interface elements of all the technology solutions were created by their respective teams.

Benefits for Client

  • A scalable and flexible UX and UI that would accommodate all the future plans and development phases of the Blockchain wallet.
  • A one-of-a-kind Blockchain wallet that would disrupt the supply chain authentication and provenance tactics of the brand.
  • A highly reliable system that had secure Blockchain data as well as the cognitive intelligence of IoT for brand execution.
  • Personalised UX and UI that would align the users and with the client’s provenance vision.
  • A truly dynamic design system that can be used as a design guide for multi-vendor setups.

Benefits for End-User

  • Brands could authenticate and validate their sustainability claims.
  • Customers can track the journey of high-value products.
  • Customers can also check the legitimacy of the products and their sourcing to make informed decisions.
  • Brands can utilize their provenance data for different purposes.
  • Use of provenance data on the products and the labels for marketing purposes.

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