Make the premium tier the visual default
Give the top pricing tier more space, larger type and the main button color. One third-party write-up reports 78% of Refactoring UI buyers chose it, alongside other changes.
- Effort
- 12hours
- Scale ends at 160 hours
- Time to signal
- 28days
- Scale ends at 90 days
- Channel
- Pricing
- Cases cited
- 1
Making the premium tier the visual default means giving your top plan more space, bigger type and the main button color, so it reads as the normal choice. Our one case is Refactoring UI. It paired this layout with a deeper discount and a "complete" name, and a third-party write-up reports that 78% of purchases went to the higher tier.
How it works
In this case the higher tier was made to look like the recommended option. This tactic makes the expensive option look like that recommendation. The Refactoring UI case shows four parts working together:
- Size and weight. The higher tier took twice the screen space of the lower one. It also had larger type and the primary button color. The lower tier was still there, but it looked secondary.
- A lopsided discount. At launch the higher tier was cut by $100, or 40%, and the lower tier by only $20, or 25%. The bigger saving sat on the plan the page already favored.
- A name that frames the gap. The higher tier was called The Complete Package, which made the cheaper choice feel like it left something out.
- A real difference in contents. The Refactoring UI product page says the creators had already taught thousands of developers through free tips, articles and video tutorials. The visual push only works if the top tier actually holds more.
The Marketing Examples write-up, a lesson in high prices, reports that 78% of purchases favored the higher tier as of Jan 10, 2019, and that the product grossed over $1.35M. The same write-up says the price only worked because of two years of free tips, screencasts and articles that built the audience. Two creators spent six months writing the product and sold it to existing fans. For more layouts to compare, see our pricing page teardowns and landing page teardowns.
What it takes
Our estimate: about 12 hours of work, and about 28 days before you can read a signal. Most of the hours go into redesigning the tier cards, writing a clearer name and feature list for the top plan, and wiring up tracking for plan choice. The signal is slow because pricing pages get far less traffic than the homepage, and purchase decisions shift with weekday and payday cycles. You need at least a few full weeks of purchases in each arm before the split means anything.
What to measure
Premium share of purchases is the direct readout. A rise is good only if total buyers hold steady. If premium share climbs while total purchases fall, you have scared people off rather than moved them up.
Revenue per pricing page visitor is the number that decides the test. It combines conversion and plan mix in one figure. A good reading is higher revenue per visitor in the variant. A flat reading means the extra premium buyers were offset by lost lower-tier buyers.
Overall pricing page conversion guards against the main risk. A clear drop means the new layout may be putting buyers off.
Refunds and downgrades among premium buyers show whether people regret the nudge. For subscriptions, watch early churn on premium cohorts and compare it with our monthly churn benchmarks. A rising refund rate means the layout is pushing buyers past what they actually want.
When it backfires
- The audience does not trust you yet. Refactoring UI had already taught thousands of developers through free content, and the write-up credits that audience for making the price possible. Cold traffic with no prior trust may read a loud premium card as pressure. If you need that audience first, see the founder-led content playbook.
- The top tier is not really better. If the extra contents are filler, buyers who were nudged up will ask for refunds or churn.
- You change everything at once. Refactoring UI combined layout, a deeper discount and a new name. If you copy all three, you cannot tell which one did the work, or which one you could safely drop later.
- The launch discount becomes the price. A 40% cut on the top tier can teach buyers to wait for the next sale.
- The lower tier stops selling entirely. If almost nobody buys the cheaper plan, you may lose price-sensitive buyers who would have upgraded later.
Run it as an experiment
Hypothesis: giving the premium tier double the space, larger type and the primary button color will raise revenue per pricing page visitor without cutting total purchases.
Comparison: we recommend a 50/50 split by visitor on the pricing page. Change only the layout and keep prices, discounts and names identical in both arms. Size the test with the A/B test sample size calculator, and run it for at least four full weeks even if it reaches significance earlier. If your traffic is too low for a split, use a before-and-after comparison with fixed four-week windows, and treat the result as weaker.
What to log: arm, plan chosen, price paid, purchase timestamp, refunds within 30 days, and traffic source, so you can check whether warm and cold visitors react differently.
Decision rule: ship the variant if revenue per visitor rises and total purchases fall by no more than a margin you set in advance. Roll it back if refunds on premium rise noticeably. Test the discount and the naming as separate follow-ups. Track them in the growth experiment backlog template, and follow our guide to running a growth experiment for the write-up.
How strong the evidence is
This is a practitioner report. The numbers come from a third-party write-up. The case carries the whole grade, and it is a single case from 2019. The write-up gives no baseline and no control group. It does not separate the layout from the lopsided discount and the new name. The 6765 shown next to the 78% is not clearly explained, so we cannot tell whether it counts all purchases or only higher-tier ones. The reported gross revenue figure is not attributed to the pricing page design. The sale also went to a warm audience built over two years, so the result may not carry over to cold traffic.
Cases
Refactoring UI sold its design product in two tiers and made the higher tier dominate the pricing page with double the space, larger type and the primary button color. It also gave that tier a deeper launch discount and named it The Complete Package. A third-party write-up reports that 78% of purchases chose it as of Jan 10, 2019, and that the product grossed over $1.35M.
Source: Refactoring UI: A lesson in high prices, Marketing Examples
Questions
Is this just a decoy pricing trick?
No decoy tier is needed. Refactoring UI had only two tiers and made the higher one look like the default through space, type size and button color. The top tier also bundled more content.
Did the layout alone cause the 78% premium share?
We cannot say. The higher tier also got a 40% discount against 25% on the lower tier and was named The Complete Package. The write-up reports no control group, so the effect of each change is unknown.
Will this work without an existing audience?
The evidence does not show that. The write-up credits two years of free content for making the higher price possible. Test it on your own traffic and split results by source before you trust it.
What should I change first if I can only test one thing?
We recommend testing layout first and keeping prices and names fixed. It is the cheapest change to reverse, and it tells you whether emphasis alone shifts plan mix on your page.
Sources
- Refactoring UI: A lesson in high prices, Marketing Examples.
- Refactoring UI, refactoringui.com.