01
Step 1
Gather the product page URL, the merchant's device captures for every screen of the mobile page, the buyer questions the page must answer, and any notes on where controls sit outside easy thumb reach.
Back to topic
Spark playbook scenarios · Spark: AI Store Assistant
Improve the mobile presentation of a product page
Most sessions arrive on a phone, while the desktop arrangement pushes specifications and controls to places a thumb cannot reach. In this case, the immediate task is to improve the mobile presentation of a product page. The workflow should produce a recommended small-screen section order with a reason for each move, read off the merchant's device captures.
Topic
Product Page Audits and Layout
Target keyword
shopify mobile product page optimization
Copyable AI prompt
A prompt you can drop directly into Spark
First replace every [bracketed] placeholder with real store scope and constraints, then add any actual records or data you have, and paste it into your preferred AI assistant or Spark agent. Spark will follow this page's workflow to produce structured output and verification steps.
ai-prompt.txt
Act as a Shopify operations specialist.
Help me improve the mobile presentation of a product page.
My store context is [describe the business, products and target audience].
My scope is [specify the affected products, pages, customers or reporting period]. Use these inputs: [the product page URL, mobile device captures for every screen, buyer questions, and notes on thumb reach for controls]. Read the page screen by screen in the captured order, recording buried specifications, crowded or unreachable controls and cropping that hides product detail, and map each buyer question to the screen where its answer currently lands.
Return a recommended mobile section order with a reason for each move for the specified task.
Show the relevant evidence or before-and-after examples and explain how I can verify the result.
If essential data is missing, ask for it and mark unsupported conclusions as unknown.
Do not invent metrics, product claims or customer facts.
For any publication, message, account or store change, use only connected tools within my explicitly authorized scope and report success only after verification; otherwise provide the draft or proposed steps.How to solve
A recommended resolution workflow
Split the work into input, judgment, and deliverable phases. Verify each step's output before moving to the next.
02
Step 2
Read the page screen by screen in the captured order, recording buried specifications, crowded or unreachable controls and cropping that hides product detail, and map each buyer question to the screen where its answer currently lands.
03
Step 3
Deliver a recommended mobile section order with a reason for every move following the reorder-before-shortening rule, then verify the recommendation against each supplied capture so no screen's finding is left unused.
FAQ
Common questions when running this scenario
Cover decision rules, frequent misunderstandings, and required inputs so the team aligns on prerequisites before execution.
Why reorder before cutting content?
Because shortening first risks deleting answers buyers need while the real problem is placement; the workflow moves price, variant choice, availability and blocking questions up, and only then trims what remains genuinely redundant after the reorder.
What earns a section the top position?
The buyer questions mapped during the walkthrough: whatever the captured screens show as needed before committing — price, variant choice, availability and compared specifications — moves above the purchase controls, while repeated imagery moves below them.
Why are desktop captures insufficient?
A narrow viewport reflows the page, collapses sections and changes what each screen shows, so the desktop arrangement says nothing about thumb reach or burial on a phone; the recommendation is read only off the merchant's own mobile captures.
Related scenarios
Continue with adjacent or same-topic scenarios
Start with scenarios under the same topic, then expand into cross-topic matches suggested by similarity.
Audit a product page against the buyer's main questions
Design a clear information hierarchy for a product page
Check whether a product page answers essential buyer questions
Prioritize improvements to a product page's structure and copy
Choose a product-page structure suited to the product
Organize product-page sections around purchase questions
Next step
Want these AI scenarios embedded directly into daily operations?
Ciwi Spark builds Shopify-native AI tools and agents around the workflows merchants actually run: research, ads, translation, and customer support. Stop rewriting the same prompts by hand.