UI / UX Design
Aurora Medical | Grammage
Enhanced grammage visibility on Aurora Medical’s eCommerce platform
Year :
2025
Industry :
Medical Cannabis
Client :
Aurora Medical
Project Duration :
3 weeks
Project Overview
Aurora Medical’s eCommerce platform serves medical cannabis patients, including two primary personas: civilians and veterans. Veterans, whose prescriptions are covered by VAC, require more detailed information than civilians to manage their benefits, while civilians still need clear prescription tracking to stay within gram limits. Many patients are over 50 and less tech-savvy, making clarity and accessibility essential.
My Role: Lead UX/UI Designer
Led the UX evaluation and redesign of the product card and homepage to improve visibility of grammage information, reduce cognitive load, and ensure patients could make safe and confident purchasing decisions.
Objective:
Surface grammage information prominently and intuitively within a crowded homepage layout, aligning product-level information with system-level prescription tracking to enhance usability and patient trust.
Problem:
When the agency redesigned the Aurora Medical website, the grammage information was hidden behind an icon (see image below), which was not immediately obvious to users. Patients had to hover over the icon to see the information, and many didn’t realize how much of their prescription allowance remained until they reached the checkout page, often discovering they had exceeded their limits.
This non-intuitive interaction caused confusion, slowed decision-making, and led to frustration, particularly for older patients who were less comfortable with hover-based interactions, making it difficult to make safe, informed purchases.
In some cases, the frustration was so significant that patients considered switching providers, highlighting the serious impact of this hidden information on trust and retention.
The challenge was to make grammage visible for both civilians and veterans, while also accommodating the additional information veterans require for VAC coverage, all within a homepage that was already crowded with three navigation bars, prescription tracking, and announcements.
Research & Insights:
I conducted a heuristic evaluation of the Aurora Medical platform to identify usability issues, focusing on how patients accessed critical product information. Using Nielsen’s usability heuristics as a framework, I discovered that grammage information violated several key principles:
Visibility of system status: Product weights were hidden behind an icon, so users couldn’t see essential information at a glance.
Recognition over recall: Users had to remember to hover over an icon to access grammage, adding cognitive load.
Accessibility: Hover-based interactions were not suitable for older or less tech-savvy users.
The evaluation also uncovered that the hidden grammar confused both civilians and veterans. Veterans, in particular, struggled with the extra VAC-related information, and client care calls spiked as patients contacted support to clarify their remaining grams. Some patients even considered switching providers due to frustration.
These insights directly informed the design goal: make grammage immediately visible and scannable for both personas, reducing confusion and supporting safe, confident purchasing.
Solution
The redesign moved away from hidden interactions in favour of a Persistent Utility Header
Civilians | Veterans |
|---|---|
 |  |
Real-Time "Grammage" Visibility:
The prescription expiration date and the total remaining balance are now permanently visible in the top-left sub-header. For Veterans, their VAC coverage was also added as a third column, ensuring both personas have the information they need.Shopping Cart Progress Bar:
A visual meter was introduced to track current order limits in real-time, providing immediate feedback as users add items to their cart.Navigation Hierarchy:
Despite a crowded homepage with three navigation bars, the solution integrates grammage data into the global header without disrupting the existing layout or overwhelming users.Universal Design:
By removing the hover requirement, the information is now accessible across all devices, desktop, mobile, and tablet, and for users with varying levels of technical proficiency.
Impact
The updated design significantly improved clarity in product selection and reduced cognitive effort during comparisons. Patients could now monitor their prescription allowance directly while browsing products, preventing unexpected overages at checkout. By making grammage immediately visible, the redesign helped retain patients who might otherwise have switched providers due to confusion or frustration.
Client care calls related to grammage inquiries decreased by 60%, and overall usability for older and less tech-savvy patients was markedly enhanced.
More Projects
More Projects
UI / UX Design
Aurora Medical | Grammage
Enhanced grammage visibility on Aurora Medical’s eCommerce platform
Year :
2025
Industry :
Medical Cannabis
Client :
Aurora Medical
Project Duration :
3 weeks
Project Overview
Aurora Medical’s eCommerce platform serves medical cannabis patients, including two primary personas: civilians and veterans. Veterans, whose prescriptions are covered by VAC, require more detailed information than civilians to manage their benefits, while civilians still need clear prescription tracking to stay within gram limits. Many patients are over 50 and less tech-savvy, making clarity and accessibility essential.
My Role: Lead UX/UI Designer
Led the UX evaluation and redesign of the product card and homepage to improve visibility of grammage information, reduce cognitive load, and ensure patients could make safe and confident purchasing decisions.
Objective:
Surface grammage information prominently and intuitively within a crowded homepage layout, aligning product-level information with system-level prescription tracking to enhance usability and patient trust.
Problem:
When the agency redesigned the Aurora Medical website, the grammage information was hidden behind an icon (see image below), which was not immediately obvious to users. Patients had to hover over the icon to see the information, and many didn’t realize how much of their prescription allowance remained until they reached the checkout page, often discovering they had exceeded their limits.
This non-intuitive interaction caused confusion, slowed decision-making, and led to frustration, particularly for older patients who were less comfortable with hover-based interactions, making it difficult to make safe, informed purchases.
In some cases, the frustration was so significant that patients considered switching providers, highlighting the serious impact of this hidden information on trust and retention.
The challenge was to make grammage visible for both civilians and veterans, while also accommodating the additional information veterans require for VAC coverage, all within a homepage that was already crowded with three navigation bars, prescription tracking, and announcements.
Research & Insights:
I conducted a heuristic evaluation of the Aurora Medical platform to identify usability issues, focusing on how patients accessed critical product information. Using Nielsen’s usability heuristics as a framework, I discovered that grammage information violated several key principles:
Visibility of system status: Product weights were hidden behind an icon, so users couldn’t see essential information at a glance.
Recognition over recall: Users had to remember to hover over an icon to access grammage, adding cognitive load.
Accessibility: Hover-based interactions were not suitable for older or less tech-savvy users.
The evaluation also uncovered that the hidden grammar confused both civilians and veterans. Veterans, in particular, struggled with the extra VAC-related information, and client care calls spiked as patients contacted support to clarify their remaining grams. Some patients even considered switching providers due to frustration.
These insights directly informed the design goal: make grammage immediately visible and scannable for both personas, reducing confusion and supporting safe, confident purchasing.
Solution
The redesign moved away from hidden interactions in favour of a Persistent Utility Header
Civilians | Veterans |
|---|---|
| |
Real-Time "Grammage" Visibility:
The prescription expiration date and the total remaining balance are now permanently visible in the top-left sub-header. For Veterans, their VAC coverage was also added as a third column, ensuring both personas have the information they need.Shopping Cart Progress Bar:
A visual meter was introduced to track current order limits in real-time, providing immediate feedback as users add items to their cart.Navigation Hierarchy:
Despite a crowded homepage with three navigation bars, the solution integrates grammage data into the global header without disrupting the existing layout or overwhelming users.Universal Design:
By removing the hover requirement, the information is now accessible across all devices, desktop, mobile, and tablet, and for users with varying levels of technical proficiency.
Impact
The updated design significantly improved clarity in product selection and reduced cognitive effort during comparisons. Patients could now monitor their prescription allowance directly while browsing products, preventing unexpected overages at checkout. By making grammage immediately visible, the redesign helped retain patients who might otherwise have switched providers due to confusion or frustration.
Client care calls related to grammage inquiries decreased by 60%, and overall usability for older and less tech-savvy patients was markedly enhanced.
More Projects
More Projects
UI / UX Design
Aurora Medical | Grammage
Enhanced grammage visibility on Aurora Medical’s eCommerce platform
Year :
2025
Industry :
Medical Cannabis
Client :
Aurora Medical
Project Duration :
3 weeks
Project Overview
Aurora Medical’s eCommerce platform serves medical cannabis patients, including two primary personas: civilians and veterans. Veterans, whose prescriptions are covered by VAC, require more detailed information than civilians to manage their benefits, while civilians still need clear prescription tracking to stay within gram limits. Many patients are over 50 and less tech-savvy, making clarity and accessibility essential.
My Role: Lead UX/UI Designer
Led the UX evaluation and redesign of the product card and homepage to improve visibility of grammage information, reduce cognitive load, and ensure patients could make safe and confident purchasing decisions.
Objective:
Surface grammage information prominently and intuitively within a crowded homepage layout, aligning product-level information with system-level prescription tracking to enhance usability and patient trust.
Problem:
When the agency redesigned the Aurora Medical website, the grammage information was hidden behind an icon (see image below), which was not immediately obvious to users. Patients had to hover over the icon to see the information, and many didn’t realize how much of their prescription allowance remained until they reached the checkout page, often discovering they had exceeded their limits.
This non-intuitive interaction caused confusion, slowed decision-making, and led to frustration, particularly for older patients who were less comfortable with hover-based interactions, making it difficult to make safe, informed purchases.
In some cases, the frustration was so significant that patients considered switching providers, highlighting the serious impact of this hidden information on trust and retention.
The challenge was to make grammage visible for both civilians and veterans, while also accommodating the additional information veterans require for VAC coverage, all within a homepage that was already crowded with three navigation bars, prescription tracking, and announcements.
Research & Insights:
I conducted a heuristic evaluation of the Aurora Medical platform to identify usability issues, focusing on how patients accessed critical product information. Using Nielsen’s usability heuristics as a framework, I discovered that grammage information violated several key principles:
Visibility of system status: Product weights were hidden behind an icon, so users couldn’t see essential information at a glance.
Recognition over recall: Users had to remember to hover over an icon to access grammage, adding cognitive load.
Accessibility: Hover-based interactions were not suitable for older or less tech-savvy users.
The evaluation also uncovered that the hidden grammar confused both civilians and veterans. Veterans, in particular, struggled with the extra VAC-related information, and client care calls spiked as patients contacted support to clarify their remaining grams. Some patients even considered switching providers due to frustration.
These insights directly informed the design goal: make grammage immediately visible and scannable for both personas, reducing confusion and supporting safe, confident purchasing.
Solution
The redesign moved away from hidden interactions in favour of a Persistent Utility Header
Civilians | Veterans |
|---|---|
| |
Real-Time "Grammage" Visibility:
The prescription expiration date and the total remaining balance are now permanently visible in the top-left sub-header. For Veterans, their VAC coverage was also added as a third column, ensuring both personas have the information they need.Shopping Cart Progress Bar:
A visual meter was introduced to track current order limits in real-time, providing immediate feedback as users add items to their cart.Navigation Hierarchy:
Despite a crowded homepage with three navigation bars, the solution integrates grammage data into the global header without disrupting the existing layout or overwhelming users.Universal Design:
By removing the hover requirement, the information is now accessible across all devices, desktop, mobile, and tablet, and for users with varying levels of technical proficiency.
Impact
The updated design significantly improved clarity in product selection and reduced cognitive effort during comparisons. Patients could now monitor their prescription allowance directly while browsing products, preventing unexpected overages at checkout. By making grammage immediately visible, the redesign helped retain patients who might otherwise have switched providers due to confusion or frustration.
Client care calls related to grammage inquiries decreased by 60%, and overall usability for older and less tech-savvy patients was markedly enhanced.