top of page
hero

Lume Cannabis CO.UI Redesign

Background

As businesses expand in the e-commerce realm, they need to take into consideration the client's needs as well as their shopping habits. My goal as a UI designer was to enhance Lume Cannabis Co.'s website with accessibility and usability in mind for both desktop and mobile users.

Team

- Project manager

- Web developer

- Lead UX Designer

- UI Designer

Role

- UI Designer

Client

Lume Cannabis Co.

Tools

- Figma

- Teams

- DevOps

- Jira

The Goals

1

2

3

ADA Compliant Assets

Create Master Variant Page

Expand Information in PDPs

Goal 1: ADA Compliant Assets

By the time I joined the team, most of these assets were created, however, I was tasked to finish finding the correct color combination for the remainder of the categories and place them in each product link and within each PDP as well as finding and replacing previous assets with their new corresponding ones.

*Please note that not all assets are present due to company restrictions

Before and after:

Lume-old-assets-categories

Previous assets

Lume-old-pdp-image
Lume-old-pdp-image 2

Previous assets in images

Lume-new-assets-categories

Current assets

Lume-new-category 2
Lume-new-category

Current assets in images

Goal 2: Create Master Variant Pages

Problem

Previously, clients would have to switch back and forth between two different tabs in their browser if they were unsure of the amount of product they wanted. With a master variant page for each product, this friction is able to be minimized so that clients can compare their choices much faster. 

*Please note that the previous PDP is not available, this is a close recreation

Before and after:

Lume-old-pdp

Previous PDP

Lume-new-flower-pdp

Current PDP

Goal 3: Expand Information in PDPs

Additionally to creating master variant pages, Lume wanted to enhance the client's experience by providing additional information about the product in a clear and efficient manner. Clients can now identify the categories they like beyond the color coded ones. 

Before and after:

Lume-old-pdp

Previous PDP section, not showing full description due to limitations

Lume-new-pdp
Lume-new-gummies

Current PDPs showcasing different descriptions depending on the product type

Lume-new-pdp-mobile

Mobile variant

bottom of page