Controlled demonstration: Northline and Trail Flask are fictional. This report evaluates the intentionally flawed local fixture supplied with the sample. It is not client work, a testimonial, or evidence of conversion lift.
Product-page and cart-path check
Trail Flask
A mobile-first review of the public path from product landing through add-to-cart.
PlatformControlled Shopify-style fixture
Desktop1440 × 900
Mobile390 × 844
PathLanding → cart drawer
Fix these first
Three corrections before more clicks.
Make the subscription default impossible to miss.
The lower recurring price is selected without a nearby cadence summary in the main price line.
Resolve the proof contradiction.
A five-star 4.9 score displayed beside “0 reviews” is visibly inconsistent and trust-breaking.
Remove the mobile offer obstruction.
The fixed discount capture competes with the purchase action and covers lower-page content.
Prioritized findings
01 / PAUSE TRAFFIC
Rating and review count contradict one another.
Observed
The product header displays “★★★★★ 4.9” immediately beside a link labeled “0 reviews” on both viewports.
Why
The page presents proof and its absence at the same time. A first-time shopper cannot determine whether the rating is real, inherited, or placeholder content.
Change
Hide the rating until qualifying reviews exist, or display the accurate rating and count from one verified source.
Evidence
Desktop and mobile product header, initial state.
02 / PAUSE TRAFFIC
The discounted subscription is selected by default without a clear cadence summary.
Observed
The page headline price remains $89 while “Subscribe & save — $75.65” is preselected. The cart later reveals “Subscribe every 30 days.”
Why
The recurring commitment is not equally explicit at the product decision and cart stages. The shopper learns the cadence only after adding the item.
Change
Put “$75.65 every 30 days” beside the selected option and update the main price/label when the purchase model changes.
Evidence
Product purchase block and cart drawer.
03 / FIX FIRST
The mobile discount capture competes with the purchase path.
Observed
A fixed “WAIT—TAKE 10% OFF” panel occupies the bottom of the mobile viewport and remains present while the shopper reviews purchase options.
Why
It covers content, introduces a second task, and consumes the same visual territory needed by a persistent purchase action.
Change
Delay the capture until exit intent or a meaningful scroll threshold, limit it to one session, and never overlap the selection/add-to-cart block.
Evidence
390-pixel mobile viewport.
04 / FIX FIRST
The action label does not name the outcome.
Observed
The primary purchase button says only “ADD.”
Why
The abbreviated label is less explicit than the familiar “Add to cart,” particularly when a subscription choice changes what will be added.
Change
Use “Add to cart” and reflect the selected purchase model nearby without making the button excessively long.
Evidence
Desktop and mobile purchase block.
05 / FIX FIRST
Color choices are visually distinct but not named.
Observed
Three circular color controls share the accessible label “Color option” and no visible selected-color name appears.
Why
The shopper cannot confirm the chosen color from text, and non-visual or color-impaired users receive no meaningful distinction.
Change
Show “Color: Alpine Green” above the controls, give each option its actual name, and mark the selected state visibly and programmatically.
Evidence
Product color selector.
06 / FIX FIRST
The free-shipping threshold creates a surprise after add-to-cart.
Observed
The announcement says free shipping over $100. The $89 one-time product and $75.65 subscription both miss the threshold; the cart introduces a remaining-dollar progress message.
Why
A hero product advertised into paid traffic cannot qualify on its own, and the cart immediately reframes the purchase around spending more.
Change
State likely shipping cost/timing near the purchase block and test a product-specific threshold or bundle without implying that extra spend is required.
Evidence
Announcement bar, product price, cart drawer.
07 / FIX FIRST
The final-sale policy appears after the purchase decision.
Observed
“All hydration products are non-returnable” appears in a lower feature tile, not near the purchase controls or cart.
Why
The return restriction is material to purchase confidence and may be missed until after the shopper has already decided to add the product.
Change
Add a concise “Final sale / non-returnable” disclosure beside shipping and purchase details, linked to the complete policy.
Evidence
Lower-page feature area versus purchase block and cart.
08 / IMPROVE LATER
The opening claim is too broad to explain the product’s advantage.
Observed
The only visible benefit under the title is “Engineered for wherever the day takes you.” Specific insulation and material facts appear much later.
Why
The first screen does not distinguish the flask from ordinary alternatives or answer why this version is worth $89.
Change
Promote the strongest supportable benefit—cold duration, durable steel, or another verified differentiator—into the product subtitle.
Evidence
First screen and lower product facts.
09 / IMPROVE LATER
The image thumbnails do not communicate their purpose.
Observed
Four visually identical thumbnail blocks appear beneath the product image in the controlled fixture.
Why
The shopper receives no preview of alternate angle, scale, lid, or in-use evidence.
Change
Use distinct, descriptive media: full product, lid detail, hand scale, and field use. Preserve meaningful alternate text.
Evidence
Desktop and mobile gallery.
10 / IMPROVE LATER
The cart upsell arrives before core delivery confidence is resolved.
Observed
The cart promotes an $18 silicone boot while providing no delivery estimate and no nearby final-sale reminder.
Why
The page asks for a larger basket before resolving the timing and return questions that determine whether the original purchase feels safe.
Change
Place estimated delivery and the material return condition before the optional accessory; keep the upsell visually secondary.
Evidence
Cart drawer after add-to-cart.
11 / FIX FIRST
The mobile layout is 30 pixels wider than the viewport.
Observed
The rendered document is 420 pixels wide in the controlled 390-pixel mobile viewport, producing horizontal scrolling.
Why
A shopper can accidentally drag the page sideways, and content may appear cropped or unstable during selection.
Change
Identify the overflowing element, constrain it to the viewport, and verify that the correction does not hide product or cart content.
Evidence
390 × 844 rendered document measurement.
Optional clarity alternatives
Above-the-fold subtitle
Direction A — performance
24-hour cold retention in a durable 18/8 steel flask built for daily carry.
Direction B — product + use
An insulated steel trail flask that keeps water cold from first mile to last stop.
These are structural examples based only on the controlled fixture. Product claims must be verified by the seller before use.
Scope and limits
This controlled review covered one fictional product page at desktop and mobile widths and the local add-to-cart drawer. It did not complete checkout, inspect analytics, access an admin, validate tracking, certify legal or accessibility compliance, or estimate conversion lift. Findings describe observed friction, not measured customer behavior.