Mobile UX Audit — Full Funnel Walkthrough
Every page in the weight loss and ED funnels audited with heatmap.com thermal click overlays and Microsoft Clarity mobile behavior data. Recommendations are grounded in what is visibly clicked on each mobile viewport.
TL;DR
- Quiz field labels are absorbing taps that should hit the input. The biggest heat cluster on the entire site is on "How tall are you?" and "How much do you currently weigh?" labels on /wl-pre-consultation. The input fields below them show almost no direct heat. Labels are not bound with `for=` to focus the field.
- GLP-2 weight input is the #1 dead click in Clarity: 65 dead clicks + 9 rage clicks on "Weight (in lbs)" and 18 more on the "▫▫ lbs" placeholder. Pattern matches the label-not-focusing-input bug on the WL quiz.
- Quiz step headings look like buttons. "What's Your Height And Weight" on /glp2-pre-consultation shows a strong red cluster under the heading — users are tapping the heading expecting it to advance.
- Progress bars are being tapped like step navigators. The "14% complete" progress bar on both quizzes picks up dead clicks. Users want to jump between steps.
- /glp2-offer-hero carries the funnel — 1,143 mobile users vs. 360 on the quiz and single-digits everywhere else. Fixing the quiz input pays back immediately.
Session snapshot
Weight loss funnel drop-off
Step counts reflect users entering each page in last 7 days (not strictly sequential). /bo3-b traffic is effectively dead for mobile — most quiz starters arrive via other entry points. GLP-2 funnel runs separately at much higher volume.
Top mobile pages (7 days)
Prioritized fixes
Bind quiz field labels to their inputs
On /wl-pre-consultation the heatmap shows more clicks on the "How tall are you?" and "How much do you currently weigh?" labels than on the Feet / Inches / Weight inputs themselves. Wrap each input with its label or add `htmlFor` so tapping the label focuses the field and opens the numeric keypad.
Evidence: heatmap on /wl-pre-consultation · 65 dead clicks on "Weight (in lbs)" on GLP-2 quiz.Fix the GLP-2 weight input keypad
65 dead clicks on "Weight (in lbs)" label, 18 on "▫▫ lbs" placeholder, 9 rage clicks. Pattern: input does not reliably open the mobile numeric keypad. Confirm `inputmode="numeric"` and `type="tel"` are set and the input has real focus on tap.
Evidence: Clarity top dead-click row.Make step headings non-interactive on the GLP-2 quiz
"What's Your Height And Weight" heading on /glp2-pre-consultation shows a dense red cluster on and directly under the heading. Users are tapping the title expecting to advance. Remove cursor pointer from heading and visually emphasize the "Next →" CTA (which also shows strong heat — keep it).
Evidence: heatmap on /glp2-pre-consultation.Make quiz progress bars tappable step navigators
The "14% complete" progress bar on both quizzes picks up dead clicks. Either turn the progress bar into a working step navigator (preferred — reduces drop-off) or remove the pointer cursor so users stop trying.
Evidence: heatmap hotspots on the progress bar on /wl-pre-consultation and /glp2-pre-consultation.Disable click on "Your BMI 0" readout
On /wl-pre-consultation the live BMI readout card picks up a cluster of clicks even though it is purely a display. Add `pointer-events: none` to the readout or wire it to show an explainer tooltip.
Evidence: heatmap on /wl-pre-consultation.Rewrite /glp2-offer-hero above the fold
Avg scroll depth on this page is 7.05%. The "Limited Time $100 OFF" banner picks up corner clicks that go nowhere, and the chat bubble occludes the main CTA on small screens. Put "AM I QUALIFIED?" in the first 500 px and ensure the offer banner links to the quiz.
Evidence: 7.05% scroll depth, heatmap on /glp2-offer-hero.Make ED progress indicator non-interactive
7 dead clicks on "▫/▫" counter across ED pages. Either make it a tappable step navigator or style it as static text.
Evidence: Clarity dead-click rows on ED pages.Fix BeginCheckout smart event
Checkout completion is 7 this week but BeginCheckout is only 2. The BeginCheckout selector is under-firing. Rewire before optimizing checkout — you cannot optimize what you cannot measure.
Evidence: Clarity smart events breakdown.Redirect /bo3-b to /glp2-offer-hero
1 mobile user in 7 days. If any paid traffic still points here, reallocate.
Evidence: Clarity page counts.Page-by-page funnel walkthrough
- CriticalTraffic has collapsed to 1 mobile user this week. The hot spots visible are trailing-month data — the page design still engages when reached.
- HighWarmest cluster sits on the "ongoing clinical support" body copy — that line is non-interactive but reads like a link (earth-tone color close to CTA copy).
- MediumMenu burger and NBA partner logo row picking up stray taps — users exploring nav instead of hitting the CTA.
- Working"Am I Eligible? →" CTA has real clicks on it and 99% scroll depth says the page reads well end-to-end.
- MediumPartner banner in viewport shows NBA / Blue Jays — confirm this matches the US brand assets, the banner may be mis-serving the CA variant.
- CriticalMassive red band directly on the "How tall are you?" label — bigger than the Feet / Inches inputs themselves. The label is not focusing the input.
- CriticalSecond huge red band on "How much do you currently weigh?" label. Same label-not-bound-to-input pattern.
- High"Your BMI 0" readout card is drawing a cluster of clicks even though it is a pure display.
- Medium"14% complete" progress bar picking up a couple of taps — users treating it as a step jumper.
- WorkingContinue CTA gets one click despite being disabled — when unlocked, the hit target is fine.
- HighThe "OR" divider is followed by a button that shows "Loading..." indefinitely in the captured screenshot. If this is the Google / Apple SSO button, it may be blocking on script load — confirm it resolves under 2s or users will bounce.
- Medium"Don't have an account? Sign up" link is small (14 px) compared to the page H1. Enlarge for thumb reach — only 7 users reach this page; every drop-off is expensive.
- Medium"Forgot Password?" uses underline + earth-tone color that blends with "Remember me" line — ensure adequate contrast on the yellow-beige brand background.
- WorkingSign in CTA is full-width, high-contrast, clearly the primary action.
- CriticalThe "checkout" URL renders a "Welcome to MyRocky" First Name / Last Name / Email / Password form — this is a registration gate, not a purchase screen. Confirm this is intended and clearly communicated, or mobile users expecting payment will bail.
- HighPassword requirements ("At least 8 characters", "Include uppercase, lowercase, and a number or symbol") are below the password input. Mobile users type then discover the rule — move rules above the input or validate inline.
- MediumNo order summary / price visible in the first viewport. If the user expects to confirm an order, they see none.
- WorkingContinue button is full-width, high contrast, with an arrow affordance — clear primary action.
- Critical7.05% avg mobile scroll depth — the first viewport has to carry the whole pitch. This page is 90%+ of mobile funnel volume.
- HighRed hot spots on both corners of the "Limited Time: $100 OFF" black banner — users tapping a decorative tag / dismiss area that is not wired up.
- HighCluster on the "Same price, every dose. No hidden fees." bullet text — a bold bullet reads like a link. Either link it to the pricing section or tone down the emphasis.
- MediumChatbot bubble ("Hi. Need any help?") hot spot shows it is stealing attention from the AM I QUALIFIED? CTA. Delay the chat pop-out.
- WorkingGET STARTED nav button and the dark "AM I QUALIFIED?" CTA both picking up real clicks.
- CriticalDense red cluster on and beneath the "What's Your Height And Weight" H2 — users are tapping the heading thinking it is a button.
- Critical"Next →" CTA shows a hot ring of clicks around its edges. Valid clicks but hit-box is tight — expand padding.
- HighTwo warm spots on the "14% complete" progress bar — users treating it as a step navigator.
- MediumHero image of the woman on the exercise ball picks up clicks — users expecting a lightbox or video.
- MediumBody copy "Let's calculate your BMI to make sure you're a good candidate for medical weight loss" shows stray clicks — text is not interactive.
- HighHot spot on the menu burger at top right — users exit-seeking on a page that should keep them in-flow. Consider hiding nav on quiz steps.
- HighCluster around the plan frequency selector ("One Month" / "Three Month") — users swiping / tapping to compare. The horizontal scroll of plan cards may not be obvious.
- MediumChatbot overlay ("Hi. Need any help?") sits on top of the frequency selector — occlusion issue on 375 px viewports.
- WorkingGeneric / Brand preference chips register clean clicks with zero dead. Pill design works.
- CriticalPartner banner renders Canadian variant (NBA + Toronto Blue Jays) on myrocky.com. Confirm US site is serving US partner logos — brand mismatch on mobile is a trust hit.
- HighChat bubble overlaps the footer subscribe form on 375 px viewports — users cannot reach the "Subscribe" button.
- MediumNo visible confirmation or helper text after tapping "Reset Password" in the captured viewport — ensure an inline success state shows immediately to prevent repeated taps.
- Working"Back to Login" link is well-positioned below the CTA — good secondary path.
Smart events (7d, mobile)
Checkout completion (7) exceeding BeginCheckout (2) confirms Priority 8 — the BeginCheckout selector is not firing reliably on mobile.