GetGenetica: Flora AI

UI Casestudy

November 2022 - January 2023

Supporting solutions dedicated to the education for Users in the world of Health and Wellness.

Weston Jacey

Jump to UI

Jumpt to UX

About

GetGenetica’s product, Flora Match is a cutting-edge product recommendation platform that uses real-time data from over 650 million sources to scientifically recommend the best products for individual consumers. It combines machine learning and consumer data to improve customer service, increasing cart sizes and customer loyalty. The platform also curates a library of highly-cited global Cannabis Research

How it works

User’s walk into a dispensary, approach a tablet, complete the survey, and get recommended products based off the answers.

Retrospective UI

The product’s main issue was that their interface lacked a “wow factor”, resulting in lower conversion rates and a lack of trust in the product.

Goal

Our Goal as UX Designers was to combine UX Research methods with modern and unique visual design trends to redesign & rebrand GetGenetica’s Survey and recommended products interface.

User Experience

Considerations

Our stakeholder's wanted a makeover of the interface. After performing a Heuristic evaluation and contextual inquiries with five Users, our team saw opportunities to improve the overall User Experience.

Problem

The overarching problem for Flora was that Cannabis users using Flora AI felt overwhelmed due to a lack of knowledge when answering questions, thus losing out on the best recommendations.

Focus

User Focus:

How might we educate users on terminology and jargon they don’t understand within Flora?

How might we allow users to get a more in depth understanding of the products they are being recommended?

Stakeholder Focus: 

How might we redesign the Interface to give it that “Wow factor”, without overwhelming new Users?

*Pictured is retrospective product recommendation page

Key Features & Improvements

Feature 1 - Educating the User

Addressing: How might we educate users on terminology and jargon they don’t understand within Flora?

We embedded a small help button into each selection that uses jargon or unclear terminology. From our research, this feature proved to be very helpful for new Users.

Feature 2 - "The Wow Factor"

Addressing: How might we redesign the Recommendation Interface to give it that “Wow factor”, without overwhelming new Users?

We wanted to give the User a view of products that went past vector images. From our research, we found that Users wanted multiple products per category selected in the survey, so we gave them a modern E-Commerce experience for easy viewing and purchasing.

Feature 3 - In Depth Product Information

Addressing: How might we allow users to get a more in depth understanding of the products they are being recommended?

In the original system, there was no place to view a product for more information. We wanted to give an in-depth view of the product they are getting recommended. We also incorporated color coded percent matches to

UI Process

Flows

After performing a heuristic evaluation and contextual inquiries on the retrospective interface, defining pain points, challenges, and the journey a User goes through, we were able to create flows for each screen.

Sketches / Wireframes

Branding

From our contextual inquiries with our users, we found that the current design system had room for improvement. Part of our goal was to establish trust with new customers, and the current color scheme and branding wasn't conveying that message to our Users.

The Color of Trust & Reliability

We decided to go with a blue color scheme to establish confidence within our Users using the system. Blue is a color that is known for trust and dependency, and this is what we wanted Genetica's brand to reflect.

Design System

One piece of feedback we got from our User's on the old system was that the buttons were difficult to press because they were narrow rectangles. We wanted to go with a button that had a large surface area, while keeping they layout spaced out. We chose to use hexagons as buttons because they mimicked cannabinoid structures which tied back to the brands extensive library of cannabis research.

High Fidelity Screens

Thanks for Reading!

Work

Three PedalsWebsite Design
Treeline OutfittersE-Commerce

GetGeneticaUI Case Study
Ahold Delhaize UX Co-op
AllTrailsUX Case Study
GetPayvmntUX Case Study
MGD+Social Media
USGCreative Direction
Misc. WorkGraphic/Videos
Election CampaignMulti Media