info-circle-120pxinfo-circle-120px

INFOGRAPHICS

Since the knowledge related to this relatively new industry is still developing, there aren't any standard ways for us to organize information of lab data and classifications. We were required to undergo scientific research and defined our own. This intensive feature involves 2 versions of design, an external education center design, as well as 2 complete icon sets.

learn-landing-piclearn-landing-pic

RESEARCH + VERIFICATION

The first thing we did was to come up with a research plan. Below is an example of how we organized Terpene groups. We researched all Terpenes and its representing scents, then we categorized them based on the similarities. We also invited the local authority "SC Labs" to verify our classification. Their feedback was that "You really did a lot of homework."

terpene whiteboard2terpene whiteboard2
lab user flow 2lab user flow 2

INTERACTIVE GRAPH

With the grouping system, we could turn the lab data into infographics. These plant-inspired interactive graphs display the most dominant Cannabinoids/Terpenes percentages presented in the product. User can select a card in the card row and the graph will change accordingly. The selected Cannabinoid/Terpene shape is in solid color and others with gradients.

Terpene graphs imgTerpene graphs img

THE CARD HOLDER

The concept of "cards" is evident through out our website/apps, and it lands really well for us to introduce all the chemistry terms. We came out with the idea of having an education center called "Learn" that hosts all these cards. It's a great place for users to learn all about the chemistry side of the plant and allows us to link to the relating card as a modal or direct to the specific section of the cards anytime we need to display these information on our main site.

learn 4 screenslearn 4 screens

COMPROMISE-PHASE 1

With the timeline constrains for the Learn site and the development of interactive graphs at the time, we came up with this MVP version as a transition between the old and new experiences. This phase 1 design provides educational content and introduces the user to the new icon sets in preparation for the 2.0 design.

Lab Analysis New MVPLab Analysis New MVP

TERPENE ICON SET

Unlike the abstract cannabinoid icons, the terpene icons take shape of the actual objects associated with the scents of the specific terpenes. The shapes of the terpene icons are based on the most dominant scents and the color coding system represents the terpene groups they are classified in.

TerpIconPoster2TerpIconPoster2