Canna App

Canna is an app that better serves the cannabis consumers by developing a seamless experience between purchase and delivery that is convenient, secure and compliant with regulations. It delivers the medicine you need when you need it. It allows you to browse menus from dispensaries near you and order from within the app.


Research, wireframe, prototype, interaction and visual design.

The Problem:

Consumers want a more convenient & secure process for obtaining legal cannabis products.

Competitor Analysis

In order to understand the competition in the industry, I did a competitor analysis comparing interface/ease of use, notifications, mobile app functionality, browsing/navigation, terms and labels, usability analysis and content.

Competitor Analysis Grid

In Depth Company Analysis

User Research

My timeline was 10 weeks long. I began by gathering research and conducting 14 user interviews. During my research, I found that consumers expressed a need for a more convenient and secure process for obtaining legal cannabis products. Some of the things they said were:

As a veteran suffering acute arthritis, I want to compare the indica products, so I can buy items that help ease my pain.
As a single mom with cataracts, I want my medicine delivered to me, in order to avoid taking unnecessary trips to the dispensary.


I then summarized the data from my user research into a persona. This helped me keep the user's motivations, frustrations, and goals in mind when I was evaluating design solutions.

Meet Jordan:

Jordan is a 29 year old educator and veteran. He suffers from arthritis and PTSD. He uses cannabis to help supplement and alleviate his pain. It also helps him focus, so he uses it before activities like hiking, painting and cooking.

jordan clip.png

Customer Journey Map/User Task Flow

After I identified who will be using Canna App, I write down the business goals/desired outcome for that user. I identified the user's thought process and desired reactions toward each task flow segment. See below.


Wireframes & UX Structure

I then moved on to create the wireframes with basic compositions, proportions and elements. This helped to define the hierarchy of items on the screen and communicate what the items on that page should be based on user needs.


Colors & Typography

I chose colors that stood out from the usual cannabis business colors to steer away from stigma. The font we chose is on that is very legible and very familiar to mobile users.

type 1.png
type 2.png

High Fidelity Prototyping

Quickly developed interactive prototypes with tools like Invision or Principle. This let me easily distribute and observe exactly how well the product was received before getting built.

Canna Mock Up in Male Hands flipped 2.png

Redline Specifications

Then I provided front-end developers redline specifications to help them accurately implement the designs. I used Invision to generate interactive redline specifications from my Sketch files. It also provides the appropriate unit of measurements for all the different web browsers, iOS, and Android resolutions.

Screen Shot 2018-07-27 at 2.18.13 PM.png