Regulated cannabis e-commerce & checkout design

  • Role: Conversion Designer UI Designer
  • Contribution: UI Execution CRO-driven design Dev handoff
  • Tools: Mockflow Figma Generative AI
  • Country: USA

Project overview

This regulated cannabis products brand faced a unique trust barrier — quality concerns and skepticism about product origin was hard to overcome. On top of that, the company came in with a specific problem: their most important information was buried below the fold and none of the sections ensured social proof. My challenge was to build confidence into every step of the funnel, from first browse to completed checkout.

Old home page
Old Pharma CBD home page design, before the redesign.
New home page
New Pharma CBD home page design, featuring the hero banner, shop by category, and customer testimonials.

Home page design

I placed the trust badges sit above the fold, right under the CTAs, reinforcing credibility before the visitor even scrolls.

I streamlined the visual hierarchy to prioritize what matters most.

Named, rated reviews sit further down the homepage, reinforcing social proof after the visitor has browsed by category but before reaching a specific product page.

Product detail page
Pharma CBD product detail page, showing product photography, reviews, and the Lab Results section.

Product detail page

I placed the reviews visually close to the product name, surfacing social proof right where the buying decision starts. The primary CTA occupies the full container width, standing out clearly from any other action on the page. A dedicated Lab Results section, with a direct link to Certificates of Analysis, turns a trust claim into something buyers can actually verify.

Mobile view of the Pharma CBD product detail page, shown on two phone mockups.

Product detail page mobile version

Product detail page mobile version

Newsletter capture as a fallback, catches visitors who didn’t buy this time, turning a “lost” visit into a lead for future email marketing.

Checkout funnel
Shipping address step of the Pharma CBD checkout funnel, with the order summary card.

Checkout and payment funnel

An accordion-style checkout streamlines the process by showing only the necessary information at each step. Trust badges emerge here, reinforcing previous credibility signals.

The “Place Order” button maintains the same orange color used throughout, ensuring a consistent visual cue for action.

Payment step of the Pharma CBD checkout funnel, with the accordion expanded showing Sezzle and Credit Card options, and the order summary with trust badges.

Results after 20 days, 23,000+ users

Revenue per visitor
increased

+38.74%

Conversion rate
jumped

+14.47%

How I helped achieve these results

Visitor and potential buyer trust increases when they know they’re in the right place — where a high-quality lifestyle concept conveys credibility and emotional trust — as well as through a purchase funnel experience where every step reinforces that same confidence, from first browse to completed checkout.

The checkout funnel displays information step by step in an accordion, reducing cognitive load and friction. Form labels sit outside their fields, so the user never loses sight of what information is being requested, while trust badges placed in the order summary keep credibility visible at the final step. Product images were replaced with better-crafted photography, elevating the overall experience, and certificate information is displayed visibly right at the moment of decision.