Cannabis Canada: Website UX Design
A Mail Order Delivery Service
Overview
The project brief was to design a 2-level deep website prototype for Cannabis Canada, a mail order service providing quality cannabis products in Canada. The objective was to develop a user-friendly platform where users could browse products, place orders, make payments, and access perks from the Cannabis Canada Club.
MY ROLE
Responsible for user research, visual design, and UI Production.
TOOLS
Adobe XD | Balsamiq | Adobe Illustrator | Adobe Photoshop | MS Office | Google Analytics | Miro
TIMELINE
November 2022
(3 weeks)
Why a new website?
With its planned expansion in 2023, Cannabis Canada targets to launch a new and easy to use website that will enable the users to browse and shop online through a wide range of company’s products, merchandise, and accessories, and encourage them to be a part of the Cannabis Canada Club.
Check out the final product.
My Approach
1. Understand
2. Research
3. Empathize
4. Ideate
5. Prototype
1. Understand
Understanding the problem and business objective
Understanding the Problem
Following the legalization of cannabis in Canada, the number of recreational users has seen a significant rise. While there are numerous sellers who offer their products through physical stores, only a few websites provide delivery services.
Cannabis Canada offers a mail-order delivery service. By offering an efficient online ordering process that complies with legal requirements, Cannabis Canada provides a convenient and safe option for those looking to purchase cannabis products.
Understanding the Business Objective
Offer an easy buying experience to the users with an easy-to-navigate platform that can enable them to purchase products online.
Build customer loyalty by establishing a community of the customers by promoting Cannabis Canada Club and providing deals & early access for customer satisfaction.
Provide customers with quality products with information on its usage and side effects along with promoting products as per customer preferences.
Support Local Cannabis Merchants by providing them a platform to sell products and deliver through our platform and partnering with them.
2. Research
Statistical Analysis
Statistical analysis informed target audience identification, persona creation, and information architecture development. It guided the selection of featured products and emphasized the importance of displaying product information as site content.
Competitive Scans
Through the competitive analysis of three websites, insights were gained into their information architectures, strengths, weaknesses, and improvement opportunities. This analysis enabled the identification of effective elements and areas for enhancement in terms of information structure and content.
3. Empathize
Personas
Personas were created based on the statistical data of users and their preferred products to gain a deeper understanding of users’ needs, goals, and behaviors. They helped design a better user experience by providing insights into users’ motivations, pain points, and preferences.
User Objective
Buy cannabis online through a website without excessive navigation online.
Buy products at affordable rates and get discounts and promotional codes.
To be able to get introduced to new products in the market and read about it.
To be able to virtually buy quality products and read information about it.
User Task Flow
4. Ideate
Information Architecture
Information Architecture diagram was built from the competitive assessment to ensure that the website is easy to navigate, intuitive and understandable.
5. Prototyping
Low Fidelity Prototype
Low- Fidelity mock-ups were created on Balsamiq software to understand visual hierarchy of content and information and visualize placement of different information on the pages.
1. Age Verification Page
3. Homepage
5. Product Page
2. Homepage
4. Categories Page
6. Product Information
High Fidelity Prototype
The high fidelity artboards were developed on Adobe XD with an aim to satisfy business objectives and highlighting their vision for the company while being user centric.
1. Age Verification Page
2. Homepage
3. Categories Page
4. Product Page
Future Steps
-
Conduct a tree testing session to ensure the effectiveness of the Information architecture.
​
-
Conduct usability testing on prototype with users to identify potential changes, enhancements and intuitiveness of the website.
​
-
Come up with a matrix of the test results to justify the usability of the design.
​
-
To iterate and continue building this website and similar ones through learnings from this project.
* All the icons have been downloaded from Flaticon website