Skip to main content

Web design, UX and CRO

Cannabis Dispensary Web Design and CRO

How to design dispensary websites that turn visitors into customers. UX principles, CRO tactics, mobile first architecture. Every section here addresses tactical conversion improvement, not design aesthetics.

The substrate

What the build is measured on, before anyone argues about the design

Largest Contentful Paint

Good threshold, measured at the 75th percentile of page loads. Source: web.dev/articles/vitals.

2.5 s
Interaction to Next Paint

Good threshold, measured at the 75th percentile of page loads. Source: web.dev/articles/vitals.

200 ms
Cumulative Layout Shift

Good threshold, measured at the 75th percentile of page loads. Source: web.dev/articles/vitals.

0.1
Rendering

Pages are built at deploy time, so no database query and no PHP process runs when a customer arrives.

Static HTML
Client JavaScript

Server components by default. Only the deepest interactive leaf gets a client directive.

Server first
Product photography

Cannabis product photography is heavy. It compresses to WebP with no visible quality loss.

WebP delivery

Follow the drop-off

Traffic that arrives and leaves is a design problem, not a traffic problem

Find where your own funnel loses them

  1. 01 IfCustomers reach the cart and never finish the orderCheckout flowPayment restrictions, delivery area verification and inventory confirmation each add a friction point. Our standard is the fewest steps between cart and confirmation.
  2. 02 IfMost of your traffic is phones and most of your conversion is notMobile first designPhones are where many shoppers first meet a menu, so the small screen layout gets its own design pass, not a squeezed desktop page.
  3. 03 IfProduct pages get read and do not get boughtProduct page optimizationEffects and reviews belong above the fold, terpene detail below it.
  4. 04 IfThe site feels fine on your desk and slow on a real 4G connectionPage speed and Core Web VitalsBrowser throttling tests flatter a site. We check against the web.dev Core Web Vitals thresholds and test on real devices.
  5. 05 IfCampaign traffic lands on the homepage and leaks awayCampaign landing pagesA dedicated landing page matches the ad promise, so campaign traffic does not have to hunt for it on a homepage.
  6. 06 IfCustomers cannot find anything past the first screenNavigation and information architectureCustomers forgive mediocre design with clear navigation. They abandon clear design with confusing navigation.
  7. 07 IfYou have a menu embed and no architecture around itE-commerce architectureDutchie describes its standard embedded menu as partially indexed, so the content around the embed carries much of the page's search value.
  8. 08 IfPeople research, leave, and never come backLead capture and emailA cannabis email list earns its keep through repeat visits. Segment it at signup or it unsubscribes.
  9. 09 IfCompliance text is buried in an image or drawn by JavaScriptAccessibility and ADA complianceWCAG 2.1 AA, the W3C accessibility standard, is our floor. Alt text and a clean heading structure get indexed too, so the accessible build is also the crawlable one.

Measured, not estimated

What our own data shows about search visibility

195,648
Search clicks in July 2026 across the showcased consented case files

Google Search Console, 28 consented case files. See /portfolio

4,537,436
Search impressions in July 2026 across the same case files

Google Search Console. See /portfolio

152KB
Median HTML a crawler receives from a Dutchie storefront, with a median of 2 readable body words

9 storefronts fetched as GPTBot, 2026-10-12. See /apex-menuedge

0
H1 tags found across those 9 live Dutchie storefronts

Apex MenuEdge crawl benchmark, 2026-10-12. See /apex-menuedge

Age verification

The age gate is your first impression, not your legal chore

Age verification is the first interaction every visitor has with your site, and most dispensaries drop a generic modal over the homepage and call it done. Verification should be quick, carry your brand rather than a template, render on a phone with thumb sized targets, and persist in a cookie so a returning customer is not asked twice. No confusing language, no hidden decline option, no dark patterns. What happens after matters as much as the gate: reward the step with featured products, a current promotion, or a recommendation, not a jarring reload.

Questions, answered

What operators ask before they commission a build

6 answered

01Why is cannabis web design different from retail web design?
Cannabis sites carry constraints mainstream e-commerce ignores: age verification, state specific regulation, payment processor restrictions and advertising limits. The design has to communicate compliance alongside conversion, and it has to answer a first time customer's questions about legality, quality, privacy and price before it asks for a card.
02Why design for mobile first?
A large share of dispensary shoppers arrive on a phone, and small screens add navigation friction and form complexity that desktop does not have. Cannabis customers also shop in store on their phones, comparing products while standing at the counter. We design and test the phone layout first.
03How many steps should a cannabis checkout take?
As few as the order allows: cart review, delivery or pickup selection, payment, order confirmation. Every additional friction point raises the chance a customer leaves. Progress indicators reduce the friction that remains and clear error messaging recovers carts that would otherwise be lost.
04What Core Web Vitals should a dispensary site hit?
The Core Web Vitals good thresholds published by web.dev: Largest Contentful Paint of 2.5 seconds or less, Interaction to Next Paint of 200 milliseconds or less, and Cumulative Layout Shift of 0.1 or less, each measured at the 75th percentile of page loads. Interaction to Next Paint replaced First Input Delay in 2024.
05Can search engines read a menu embed?
Partly, and it depends on the integration. Dutchie describes its standard embedded menu as partially indexed, with titles set by Dutchie's SEO toggle, while Dutchie Pro with its proxy option serves the storefront under your root domain. Either way, the menu page gains from the content around the menu: unique category descriptions, featured products written out in text, an FAQ section, breadcrumb navigation and internal links to the education page for each product type.
06What accessibility standard applies to a cannabis website?
WCAG 2.1 AA. That means alt text on images, keyboard navigation, screen reader compatibility, the WCAG minimum contrast ratio on text, form labels associated with their inputs and visible focus indicators. Regulatory information must never be buried in an image or drawn only by JavaScript.

The framework

Eight points we audit on every build

Value

Show effects, flavor and benefit alongside the price, so the price is justified before it is read. A strain name and a number is a listing, not an argument.

Price justified before it is read

Expectation

Order before 2pm for same day delivery beats a next day delivery estimate. Specificity reduces abandonment. Vagueness invites the customer to go and check somebody else.

Specific delivery promises

Legitimacy

Proof for first time buyers

Ownership

The customer builds the order

Certainty

Real time inventory beats in stock

Integrity

Exact price and tax shown up front

Trust

Reviews distributed, not parked on one page

Yield

Add to cart beats select

Design is conversion. A beautiful website that does not convert is marketing overhead, not marketing infrastructure.
Bud Authority

Bud Authority builds dispensary websites with design, menu integration, mobile speed, accessibility and crawlability scoped as one job. Our search record is public: the 28 consented client case files in our portfolio together logged 195,648 clicks and 4,537,436 impressions in Google Search Console in July 2026, a combined total for that one month. The next step is a free audit of your current site.

What a dispensary website build covers, from age gate to checkout

A dispensary build is measured on two things: whether a shopper on a phone can get from the first screen to a placed order, and whether a search engine can read every page along the way. Every part of the scope below is judged against both tests, which is why design, menu and search work are planned together.

The scope runs in this order:

  1. 1Age gate. A visitor confirms their age in one step, and the page content behind the gate stays in the HTML so crawlers can still read it. The wording and verification method your state requires is a question for your compliance counsel, and the gate is built to what they specify.
  2. 2Navigation. The first deliverable is a page map that places every category, store location and menu link before design starts. The navigation and site structure work covers how that is planned.
  3. 3Menu and product pages. The build settles which menu setup the site uses, because that choice decides whether product pages sit on your own domain. The options are in the next section, and how dispensary product pages are built covers the page itself.
  4. 4Checkout handoff. The path from cart to the menu platform's checkout is walked at phone width before launch. The checkout flow page explains what gets tested.
  5. 5Campaign landing pages. Each email, text message or promotion gets its own URL, so traffic from each one can be measured separately. More on dispensary landing pages.
  6. 6Lead capture. Sign-up forms feed the loyalty or messaging platform the store already runs, including the native Alpine IQ integration and Springbig integration. The lead capture page covers form design.

The service itself starts at dispensary website design. Stores that sell online should also read about the dispensary e-commerce build.

How the menu setup decides what search engines can read

Most of a dispensary's product pages live inside its menu platform, so the menu setup the build settles on decides which domain those pages count toward and how fully they are indexed. Dutchie's SEO FAQ says an embedded menu will be "partially indexed by google," and our Dutchie SEO page compares all four documented setups side by side.

The HTML a menu serves is a separate test. When we fetched 9 live reverse-proxied Dutchie storefronts with the GPTBot user agent on October 12, 2026, the median page carried 2 readable body words, and for Dutchie-powered menus we deploy and run Apex MenuEdge, which serves crawlers a server-rendered version of the same pages.

How a build is checked before launch

A build is checked on the rendered page, the way a crawler and a shopper receive it. Six checks come before a site is called done:

  1. 1Fetch each page type as a crawler and confirm the headings, product text and links are in the HTML response before any script runs.
  2. 2Compare menu pages with the live menu, so product names and categories match what the store is selling that day.
  3. 3Walk the age gate, the menu and the checkout handoff at phone width, with form inputs sized so the phone does not zoom into them. The mobile design page covers the rest of the phone layout.
  4. 4Load each page type on a phone connection and trim the images and scripts that slow the first screen. The page speed work covers Core Web Vitals.
  5. 5Tab through every form with a keyboard and confirm labels, visible focus, contrast and alt text. The accessibility page goes further.
  6. 6Confirm the production domain allows indexing, and that no tag or header left over from staging blocks it.

Where a redesign goes wrong on search, and how migration is handled

A redesign loses search traffic when old URLs stop resolving, when pages lose the text that earned their visits, or when a staging block reaches production. The guidance on site moves with URL changes says to "use server side permanent redirects if technically possible" and to keep them "generally at least 1 year." It also warns that "the visibility of your content in Search may fluctuate temporarily during the move."

Before launch, every old URL is mapped to its new address, and the redirect map ships with the build. Titles, headings and body text that earned search visits are carried across, then rewritten where they were weak. The dispensary website migration guide walks through the full sequence.

What a first call with Bud Authority produces

Start with the free website audit. It scans your current site and shows the results as a report card, so the first conversation starts from where your site actually stands.

On the call, the report card becomes a scope: which parts of the build above your site needs, which it already has, and what your menu platform allows. Price and timeline are set from that scope.

If you would rather talk first, call 855-BUD-4207.

What operators ask before commissioning a build

What agency should I use for dispensary website design?

Choose on what you can check. Ask to open live client sites. Ask how the agency handles your menu platform, and whether menu pages will be indexable on your own domain. Ask how the finished site is verified, and by whom. Bud Authority's 28 case files are in the Bud Authority portfolio, each published with the client's consent.

Why did my dispensary traffic drop after a website migration?

Some drop is normal for a while. Google's site-move documentation says "you may experience ranking fluctuations while Google recrawls and reindexes your site," and that for medium-sized sites "it can take a few weeks or more for Google to gradually start showing the new URLs." A drop that lasts past those weeks is worth diagnosing. Pull the old URLs that earned the most clicks from Search Console, request each one, and confirm it lands on a live page with the same text.

Why isn't my dispensary showing up on Google?

There are two separate answers. For map results, the Business Profile help center says "Local results are mainly based on relevance, distance, and popularity," and that side is worked through the Business Profile itself. For the website, Google's how Search works guide states that "not every page that Google processes will be indexed," and a page whose text only appears after JavaScript runs gives a crawler less to index. The free audit checks the website side, including whether your menu pages return readable text.

Testing and investment

Start with the audit

Assumption driven design is expensive and data driven design compounds. Individual test wins are small, but they stack. The audit is what tells you which tests to run first, and in what order.
BA://OS