Trust Assurance Network Logo

Trust Assurance Loyalty

Web App Redesign

February - March 2021

My Role: UX Designer

IntroductionAssessmentVisual DesignCustomer InterfaceMerchant InterfaceTakeaways

Introduction

Trust Assurance Network had built a loyalty-as-a-service platform on the blockchain. As we began to pivot in a sales direction we needed to demo the loyalty platform’s functionality. The demo design was outdated and had some architectural gaps. It was my job to quickly redesign the look and feel of the platform as well as reassessing and adjusting the existing UX.

arrow to the next section
arrow to the next section of the project

Assessment

The first thing I had to do was run through the demo and pretend I was a potential customer. I asked myself questions like:

-What’s easy to do & what's confusing?
-Where is...?
-Why does this have so many steps?
-What sections are skipping steps?
-What happens if I...?
-How can I...?

I then went through and wrote up functional requirements and necessary changes for each page.

arrow to the next section
arrow to the next section of the project

Visual Design

The existing design had no real theme and no relation to the Trust Assurance Network brand. A few weeks prior to this project, I redesigned “TAN’s” website which gave me a theme to work with. Because the Trust Assurance Network had a number of products under its umbrella, each had to have its own unique look while maintaining brand consistency across platforms.

TAN’s logo and general brand centered around the color blue. For the loyalty platform, which was the mainstay of the Trust Assurance Network, I did not want to deviate too far from the website. I chose a deep navy blue base color to indicate professionalism and trust. I opted for a vibrant royal blue accent to further the theme of dependability while also adding a brightness to the theme. The overall minimalist and sleek design was meant to communicate a new way of doing things. Thus the combination of color and layout represented old-school reliability that the company’s name was founded on and new-school blockchain technologies respectively.

arrow to the next section
arrow to the next section of the project

Customer Interface

Below are a few example screens & changes within the customer interface.

Home

I organized the layout and ordered information & affordances by importance. I also broke down the payment flow to reduce field volume and added a transaction details module.

Marketplace

I gave the "Featured" section its own tab, added descriptions for merchants, and included a breadcrumb trail for navigation visibility. I also wanted customers to be able to save and re-use saved cards when purchasing tokens.

Profile & Settings

I added standard features such as password changes, a credit / debit card management page, and a session timeout warning.

arrow to the next section
arrow to the next section of the project

Merchant Interface

Below are a few example screens within the merchant interface.

Offers

Products & Services

arrow to the next section
arrow to the next section of the project

Takeaways

For most of my time working with TAN I was either redesigning existing products or rapidly designing a few theoretical screens for a new product. This project sat right between these two tasks. While this was a product redesign, I got to own every design aspect in a way I hadn’t been able to before. I also had markedly less time to work on this project than I had for the ParentClub & SpoonRead projects at the start of my employment. This was both a comprehensive look at redesigning a small, yet fully functioning product, and a great opportunity to practice rapid designing that would come in handy in the following months of corporate talks.