Skip to Content
Case Study

Premium Cultivars E-commerce Redesign

Redesigned a cannabis e-commerce platform to combat 60% SEO traffic decline, increasing conversion rate by 65% and average order value by 35% within 4 weeks of launch.

RoleSolo Product Designer
Timeline12 weeks
TeamOwner, Developer, Marketing
Year2024
+65%Conversion rate
+35%Order value
+47%Brand perception
01

A Traffic Crisis Revealed a Deeper UX Problem

Premium Cultivars, a legal cannabis seed and THCa gummies retailer, experienced a 60% drop in organic traffic due to industry-wide SEO challenges. With traffic declining, the business needed to maximize conversion from existing visitors while rebuilding search visibility through improved UX and mobile optimization.

Analytics dashboard showing traffic decline and low conversion rate

Through behavioral data analysis (heatmaps, GA), customer surveys (100 responses), and usability testing (6 participants), I uncovered the actual barriers to purchase. The problem wasn't traffic: it was that customers couldn't find critical product information to make purchase decisions.

"I can't find the THC percentage without scrolling forever"
"Is THCa actually legal in my state? This seems too good to be true"
"I don't understand the difference between these strains: Sativa vs Indica?"

What the data showed

  • Users weren't scrolling far enough to find critical purchase information
  • Mobile users (60% of traffic) experienced friction from non-optimized layouts
  • Key promotional banners in "dead zones" with <5% click-through
  • Product page bounce rate of 58%: information scarcity above the fold
Heatmap showing users not scrolling past hero on product pages

The challenge: Balance the client's desire for a premium, minimalist aesthetic with the minimum viable information customers required to confidently make a purchase decision.


02

Research & Discovery

I started by analyzing existing data to understand where and why users were dropping off, then validated patterns through surveys and in-person testing.

Google Analytics & Heatmaps

60% mobile traffic on a desktop-optimized experience. Product page bounce rate of 58%. Cart abandonment at 72%. Average time on product page just 12 seconds: too short to find key info. Hotjar showed users stopped scrolling at 40% page depth, with critical specs (THC %, strain type) buried below.

GA funnel showing drop-off from homepage → product → cart → checkout

Customer Survey: 100 Responses

The top three purchase decision factors were clear: THC content (87% said critical), price per seed/unit (79%), and strain type (71%). 62% didn't understand that THCa is psychoactive. 54% believed it had state-level legal restrictions.

Survey results bar chart showing top information priorities

Usability Testing: 6 Participants

Moderated sessions revealed that participants made initial filtering decisions based purely on product photography. THC content was always the first spec they looked for: but it was 3–4 scrolls down. Price confusion occurred when variants weren't clearly displayed upfront.

"I want to see the weed, the THC level, and the price. If I have to hunt for it, I'm going to the next site."
Participant completing task flow with annotations showing friction points

03

Strategy & Design Principles

Based on research, I established three core principles that guided every design decision:

Photography-First

Product imagery as the primary decision driver. Usability testing validated that users filter visually first: image quality signaled product quality.

Information Hierarchy

THC content, price, and strain type visible above the fold. These three data points were sufficient for 80%+ of purchase decisions.

Progressive Disclosure

Collapse secondary content (growing tips, terpene profiles) until the user needs it. Reduce cognitive load while preserving access to detail for power users.

Site map showing simplified navigation structure

04

Design & Prototyping

Side-by-side comparison of before/after product page layouts

Minimalist Cards vs. Information Density

I chose photography-dominant cards with only three visible data points. Users filtered visually first, then checked specs. The trade-off was requiring stronger filter/sort functionality to narrow choices: which we solved with a robust sidebar.

Mobile-First Layout

Designed for mobile viewport first, scaled up for desktop. 60% of traffic was mobile but the experience was desktop-shrunk. Mobile constraints forced better information hierarchy that actually improved the desktop version too.

Collapsible Content Sections

Secondary product info (growing tips, terpene profiles, lab results) hidden in accordions. This reduced scroll depth and surfaced critical purchase info faster: at the cost of an extra click for power users wanting deep specs.

Product detail page: above fold with THC content, strain type, pricing matrix
Product detail page: collapsible content sections and upsell modules

Component Library

Built a comprehensive Figma component library: 40+ reusable components, design tokens for colors/typography/spacing, responsive breakpoints, and interactive states. This enabled rapid prototyping and consistent developer handoff.

Component library overview in Figma

05

Validation & Iteration

I recruited the original 6 interview participants and gave them task-based scenarios in interactive Figma prototypes. The results validated the approach:

Task completion rate: 67% → 100%
Time to purchase decision: 2m 30s → 45 seconds

Two participants wanted strain effects visible on cards: I added an icon system (relaxing, energizing, balanced). One was confused by variant pricing: solved with "Starting at $X" language. CTA contrast was increased for better visibility.

Prototype testing session with participant annotations

Stakeholder Collaboration

Delivered design tranches every 3 days. The owner pushed for more premium feel: increased white space and refined typography. The developer flagged platform constraints: adjusted filtration logic. Marketing needed SEO considerations: embedded schema markup requirements.


06

Results & Impact

Results stabilized within 4 weeks of launch:

+65%Conversion rate

Streamlined information hierarchy gave users the confidence to purchase faster.

+35%Order value

Strategic upsell placement and bundle builders drove larger basket sizes.

+47%Brand perception

Premium aesthetic shifted perception: 73% mentioned "high-quality" unprompted.

+78%Mobile conversion

Mobile-first design eliminated friction for 60% of traffic previously underserved.

Brand Perception

"This brand feels premium/high-quality"

Before
3.2/5
After
4.7/5

73% of respondents mentioned "premium" or "high-quality" unprompted, up from 31%.

Metrics dashboard showing before/after comparison
"Finally a cannabis site that doesn't look like it's from 2010. I can actually find what I need."
- Customer feedback, post-launch survey

07

What I Learned

✂️ Less is more: when it's the right "less"

Minimalism works only when you surface the exact information users need, in the exact moment they need it.

📊 Research validates difficult decisions

Data gave me the confidence to challenge the client's "show everything" instinct.

📱 Mobile-first isn't just responsive

Designing for mobile constraints forced better information hierarchy that improved desktop too.

Brand perception drives conversion

Premium aesthetic wasn't vanity: it increased trust and willingness to purchase.

🚀 Rapid iteration beats perfection

Shipping fast and learning from real users beats endless internal debate.

What I'd Do Differently

Design system investment: I'd build a full documented design system using Figma variables and design tokens for more sustainable long-term assets.

Earlier legal messaging: THCa legality confusion was a bigger conversion blocker than anticipated. I'd prioritize educational content testing earlier in the process.