MDT Design · Product page · Wireframes for review
Two options for the call-to-action area, drawn up from the thread. Both are targeted changes to the buy box rather than a rebuild of the page — which is the narrower of the two scopes still on the table. Have a look and tell me which direction feels right.
01 — How to read this
They're drawn using the real site's typography, colours and button styles so you can judge them honestly rather than squinting at grey boxes. But the copy is indicative and the spacing isn't final — the point here is the structure: which buttons exist, what they say, and which one is loudest.
02 — Where we landed
Pulling the thread together — three things everyone seems agreed on, and one question that's still open.
03 — The page today
Two different products, two different states. Both taken from the live site this morning.
No price shown
Nothing else. No way to ask a question
without leaving the page.
04 — Option A
Kosta proposed this shape on Friday and Andrew endorsed it — "I like that approach" — so it's the closest thing the thread has to a settled direction. The page decides which state to show based on whether the piece is purchasable; Kosta controls that per product from the admin, same as now.
Two of Andrew's follow-on amendments are drawn in below but haven't been confirmed by Kosta yet: dropping "add to enquiry list" from the main stack, and changing the primary button from black to the brand burgundy.
The core move: one loud burgundy button, one quiet outline button, and everything else demoted to a text link.
AUD · as shown, incl. GST
Price adjusts with your stone, size and metal choice
05 — Option B
The idea I floated on Friday, drawn up properly. Every product — purchasable or not — gets the same single burgundy button. What happens next is decided in the popup, based on the piece.
Price adjusts with your stone, size and metal choice
Identical on every product.
The popup does the branching.
Good news
This piece is in stock as shown and can be with you in days — or we can make it your own instead. Your call.
Free insured shipping worldwide · Lifetime manufacturer's warranty
2Made for you
This design is handmade to order in our Collins Street workshop, which means the stone, the metal and the size can all become yours. Tell us what you're after and one of our jewellers will reply personally.
Or book an appointment to see it in person · 03 9654 6805
306 — Side by side
| Option A — two states | Option B — "I want this" | |
|---|---|---|
| Clicks to purchase | One — straight to checkout | Two — button, then popup |
| Clicks to enquire | One, then the form | One, then the form |
| What you can measure | Two separate buttons across two page states — comparable, but you're adding up different things | A single "wanted it" number across the whole catalogue, then the split of what they chose |
| Familiarity | Standard e-commerce. Nobody has to learn anything | Non-standard wording. Reads well for a jeweller, but it's a bet |
| Risk if we're wrong | Low — worst case it's a tidier version of today | Moderate — an unfamiliar button can suppress clicks as easily as lift them |
| Build effort | Around 6–8 hours, including the enquiry popup and the admin toggle | Around 8–10 hours — the popup carries more logic and two content states |
| Can we run both? | Yes. Build A, then A/B test B's button against it once there's a baseline to compare against. | |
07 — Mobile
The gap between the top of the page and the first button is worse on a phone than on desktop — the gallery becomes a full-width swipe carousel and the heading takes several lines before the buy box appears. A slim sticky bar fixes that in both options, and it's the same small piece of work either way.
Pear Shape Black Diamond Halo
From $4,850 · handmade to order
Pear Shape Diamond Solitaire
$11,200 · ready now
The bar sits at the bottom of the screen and stays there as the customer scrolls. It appears once they've scrolled past the main image, so it never covers the jewellery.
08 — Scope
Assuming we go with the buy-box scope, here's the split. Everything in the right-hand column is worth doing — it's just not this piece of work. If you decide you want the whole page instead, most of the right-hand column moves left and the estimate changes accordingly.
In this pass
Not this pass
09 — Recommendation
My call
Option A is the shape Kosta proposed and Andrew endorsed, it carries almost no risk, and it fixes the things that are demonstrably wrong today — no way to ask a question, four competing buttons, and a primary action the same colour as the body text.
Option B is a more interesting idea and it might well beat A, but "might" is the operative word. Right now there's no baseline to measure it against. Ship A, let it run for a few weeks with tracking on every button, and then we'll know what B has to beat rather than guessing.
10 — Over to you