Foliist

Medical Cannabis Platform

Product Design

What is Foliist?

Foliist is a new startup in the medical cannabis market in Israel. It allows patients to find the correct cannabis strain that fits them and buy it online from over 100 pharmacies. It provides each pharmacy with a store and a dashboard with orders and stock management tools.

*Foliist came from the Latin word "foliīs" meaning leaf. The branding logo with the leaves above the word symboled its Latin verbal score.

The problem

There are over 790 cannabis strains. After patients receive the legal papers for medical cannabis treatment, they need to choose the right strain for their pain. There are no reliable studies or data to trust. Even after patients choose a product, they need to find where to buy cannabis out of over 100 pharmacies selling cannabis.

Consumer side

The solution

Foliist enables patients to find and order the right products online. Based on a crowdsourcing algorithm that analyzes consumer habits, user preferences, and medical conditions against cannabis plants and strains data from over 100 pharmacies.

Pharmacy side

Orders system management

The pharmacists can control the order and payment status of each order, and the user can follow changes while being notified by mail and in the notification area. The pharmacists receive all the information they need to confirm the purchase. 

Shopping bag

Multiple stores in a single order
Can include products from multiple pharmacies.

Shipping method
Choose shipping or self-pickup.

Medical certificates
Upload the required medical certificates and id.

From the patient to the pharmacist
The order will be sent to a pharmacy orders system.
The user can follow his order status.

Pharmacy

Order
Directly from the pharmacy you want.

THC
Explore by accurate THC level.

Product batch
Choose a specific product batch.

Stock update
Real-time stock update.

Map

The platform started as a simple Google map as the lead tool, showing pharmacies with the main search bar on top.

Each pharmacy on the map had a shop page with the relevant permission where the pharmacists could update their product's stock table in it. After I joined, we decided to re-design the whole platform and rebuild its structure.

The new map has been re-designed and has its search engine built for it.
A map is a secondary tool now.

Reviews approaches

In addition to the review option based on free typing and star rating, we have added a quick review system focused on specific medical influences.

I chose this way to encourage and increase user review numbers for data collection and help patients find the best strain for their medical issues.

Ideation process

Brainstorming

User research

Understanding the users

85%

Use Foliist on mobile

87%

of patients complain about high prices

20 - 55

Is the age range using the platform

1 - 5 years

Is the Average consumption period

70%

Prefer shipping

90%

Using THC 20/4 cannabis category level

87%

Interested in cannabis reviews before buying

Ideation process

Information Architecture

Before visual designing and defining screens and wireframes, I started to build the content of each area to understand the user flow from above and think about development requirements and limits.

Wireframes

After the ideation process and user research, I started to sketch and bring the pieces together.

User flow

This flow chart describes the user's flow and backend purchase process.

Cognitive biases & principles

Psychology Of Design

Collaboration

Collaboration is crucial to moving forward in a small startup with a few daily working hours.

Design
After each design in Figma, I share it with the developer's team to make sure they understand the flow and for me to understand if there are any development limitations.

Manage
Every week, I choose missions by urgency and importance for the project and spread them to each developer in the Monday app.

Development
After each brunch is waiting in Github, I test it and write down notifications for the developer's team.

Prototype

Explore

-  Search strains and pharmacies.
-  Compare prices.
-  Be notified about relevant stocks.
-  Choose the compatible strain using influence analytics.

* Please make sure to watch the video from the beginning.

Prototype

Shopping bag

-  Can include products from multiple pharmacies.
-  Choose shipping or self-pickup.
-  Upload the required medical certificates and id.
-  The order will be sent to a pharmacy orders system.
-  The user can follow his order status

* Please make sure to watch the video from the beginning.

Prototype

Reviews

-  Medical influences quick review.
-  Free typing review and rank option.

* Please make sure to watch the video from the beginning.

Prototype

Orders management system

-  The pharmacists can control the order and payment status of each order.
-  They receive all the information they need to confirm the purchase.

* Please make sure to watch the video from the beginning.

Prototype

Map

-  Quick view pharmacies and stocks near you.
-  Filter strains are all in the same pharmacy.
-  Quick search and go.

Search strains and pharmacies.

* Please make sure to watch the video from the beginning.

Lets get down to business...

Startup

Foliist is a new small startup of 5 people: a CEO, three developers, and a UX/UI designer (me).
We are building the platform in our spare time for free at this point.

Starting point

The main focus was on the backend development, communication with pharmacies managers, and searching for investors.

First version

The platform started as a simple Google Maps as the lead tool.
The map showed pharmacies on it.
Each pharmacy had a shop page with a stock table updated by the pharmacist.

Turning point

The team decided to re-think our next steps and chose me as a Product UX/UI designer to help them choose a strategic design that fits the business goals and fulfills the user's needs while minimizing developing hours as much as we can.

Team collaboration

The new design needs to be built with the developer's cooperation because the backend systems have already been done.

The new path...

Platform type

We chose a Cross-platform web app with a mobile-first approach.

Business model

The new platform supports online purchases for patients and is a leading business model in front of pharmacies.
(Online payment method in production).

Traffic. Reviews. Community

We decided to enable the online purchase to increase traffic, encourage patients to fill reviews for data collection, and make a competition in prices and quality of service from the pharmacies in the medical patient community

Design guidelines...

Mobile-first approach

Over 85% of Foliist users use mobile.
App development soon.

Minimize development time

Minimize the developer's work hours by fitting the new design to the old design structure in an HTML & CSS understanding level and database perspectives.

Design system

Choose a time-saving design system that will require low customization for mobile app development soon.

Know our limits

Design through development, costs, and time limitations.

Reviews

Create s simple and focused review data collection process.

Purchase experience

Create a short and fast purchase experience.