Cristina Chong
 

2018

Britescan AI

As the UX/UI Designer for Computer Courage, I was able to quickly execute and complete user flows, wireframes, testing, and design in a short deadline period. The founders of Britescan appreciated our team’s timely manner. My designs were approved by investors, and is now used by the target customer, McCormick Spices.

My goal was to create a cloud-based image classification solution that allows customers to build databases using AI and machine learning made easily accessible via API and mobile SDK. The founders of Britescan appreciated our team’s timely manner.

 

 

In combination with the iVeris Machine, users can use the application to receive automatic verification on any item from gemstones to herbs.

BriteScan offers these previously proprietary methods to labs, manufacturers, food & beverage companies, cannabis growers, oil producers, government agencies and in- house testing labs on a global basis. Although my original design for the Britescan app is functional, I had several gripes:

  • CTAs were not user or mobile-friendly. Some essential CTA’s disappeared when users scrolled down the page.

  • The branding on the app is dull and does not compel users to use it. Original Britescan colors are also not AA-friendly.

  • Users have to click through multiple pages to find information


Vibe is cold and impersonal. Brand’s hi-lighter green color isn’t web compliant.


On-boarding process or tutorials on how to navigate app is nonexistent.


Image overload and tiny text. Users risk missing target pages and information


Confusing interface; not enough differentiation between pages

Approach

There were many factors encouraging us to work efficiently, including investor meeting deadlines. I focused on ironing out the goals and basic functionalities of the platform before proceeding to any fancier features and visual design.

 

Goals, Objectives, and Approach

⭐️

Implement new process flows for all Portal tasks allowing users to anticipate next steps

⭐️⭐️

Simplify the mobile user experience by adding clear CTAs

⭐️⭐️⭐️

Improve the look & feel of the Britescan Portal, reinforcing key branding elements. 

Competitor Analysis

Britescan’s main competitor, and source of inspiration, is Clarifai. Although Clarifai doesn’t use a physical device, it still uses APIs and device SDKs.

Competitor Analysis

Original User Flow

User Flow

Britescan takes advantage of Clarifai’s developer services along with Amazon AWS.

Key Features

New Dashboard

Dashboard displays snapshots of general account information

Users can toggle between ‘Scans’ and ‘Databases’

Eye-catching card encourages users to purchase scan credits

Tutorials and sign-in are quick, easy, and pleasant

 

My Scans

Under ‘My Scans’, users can add more scans to a preferred database, or view the verification result of a scan

Clean, clear designs and legible CTAs

Intuitive, vertical progress bar and explanation of steps

Results clearly portray information about subject material

Ability to share results

 

Categories

Tagged categories are labelled with a bookmark icon

Create category folders to organize their images, and help optimize their portal even further

Through the category single page, users can edit and add more photos.

My Database

Stats and descriptions are clear, and organized

Add and train more databases easily and quickly

Images are tagged into categories

Snapshot graphs help maintain large databases

Menu bar allows toggle between scan collection, search, add database/categories, category list, and settings

 

Takeaways

Overall, I believe the redesign is an improvement for several reasons:

Group 622.png

Reflection

  • Britescan Portal is now used by one of the major condiment-makers in the nation, McCormick Spices.

  • The Britescan team was so appreciative of our attentiveness and follow-through, they proudly display tutorials of the portal on their website.

  • Everything is a super collaborative effort between product managers, developers, and designers! 

  • Had we had more time and budget, I wish we could implement my new designs.