Web design, UX and CRO
Cannabis Dispensary Web Design and CRO
The substrate
What the build is measured on, before anyone argues about the design
- Largest Contentful Paint
- 2.5 s
- Interaction to Next Paint
- 200 ms
- Cumulative Layout Shift
- 0.1
- Rendering
- Static HTML
- Client JavaScript
- Server first
- Product photography
- WebP delivery
Good threshold, measured at the 75th percentile of page loads. Source: web.dev/articles/vitals.
Good threshold, measured at the 75th percentile of page loads. Source: web.dev/articles/vitals.
Good threshold, measured at the 75th percentile of page loads. Source: web.dev/articles/vitals.
Pages are built at deploy time, so no database query and no PHP process runs when a customer arrives.
Server components by default. Only the deepest interactive leaf gets a client directive.
Cannabis product photography is heavy. It compresses to WebP with no visible quality loss.
Follow the drop-off
Traffic that arrives and leaves is a design problem, not a traffic problem
Find where your own funnel loses them
- 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.
- 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.
- 03 IfProduct pages get read and do not get boughtProduct page optimizationEffects and reviews belong above the fold, terpene detail below it.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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
- 4,537,436
- Search impressions in July 2026 across the same case files
- 152KB
- Median HTML a crawler receives from a Dutchie storefront, with a median of 2 readable body words
- 0
- H1 tags found across those 9 live Dutchie storefronts
Google Search Console, 28 consented case files. See /portfolio
Google Search Console. See /portfolio
9 storefronts fetched as GPTBot, 2026-10-12. See /apex-menuedge
Apex MenuEdge crawl benchmark, 2026-10-12. See /apex-menuedge
Age verification
The age gate is your first impression, not your legal chore

Verified builds
The build work behind this page is public and auditable
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 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:
- 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.
- 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.
- 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.
- 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.
- 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.
- 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:
- 1Fetch each page type as a crawler and confirm the headings, product text and links are in the HTML response before any script runs.
- 2Compare menu pages with the live menu, so product names and categories match what the store is selling that day.
- 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.
- 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.
- 5Tab through every form with a keyboard and confirm labels, visible focus, contrast and alt text. The accessibility page goes further.
- 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.
The full discipline
Every piece of this discipline, in 10 deep dives
- 01Cannabis Website Accessibility and ComplianceRead the breakdown
- 02Cannabis Checkout OptimizationRead the breakdown
- 03Dispensary Website Design ServicesRead the breakdown
- 04Cannabis E-Commerce Website DesignRead the breakdown
- 05Cannabis Landing Page DesignRead the breakdown
- 06Cannabis Lead Capture and FormsRead the breakdown
- 07Cannabis Mobile Website OptimizationRead the breakdown
- 08Cannabis Site Navigation DesignRead the breakdown
- 09Cannabis Page Speed and PerformanceRead the breakdown
- 10Cannabis Product Page DesignRead the breakdown
Testing and investment
Start with the audit
More in this discipline
All web design →- Cannabis Website Accessibility and Compliance
- Cannabis Checkout Optimization
- Dispensary Website Design Services
- Cannabis E-Commerce Website Design
- Cannabis Landing Page Design
- Cannabis Lead Capture and Forms
- Cannabis Mobile Website Optimization
- Cannabis Site Navigation Design
- Cannabis Page Speed and Performance
- Cannabis Product Page Design










