Why this matters
Your landing pages and checkout are where paid traffic turns into revenue or into wasted spend. Every rupee or dollar spent on ads is multiplied by the conversion rate of the page it lands on. Lifting a page from 2% to 3% conversion cuts your effective cost per acquisition by a third without touching the ad account.
The scale of the leak at checkout is well documented. The Baymard Institute, which benchmarks e-commerce usability, reports an average documented cart abandonment rate of about 70% across 50 studies at the time of writing. Among US shoppers who abandoned for reasons other than just browsing, 40% cited extra costs such as shipping, tax and fees, 19% did not trust the site with card details, 18% were forced to create an account, and 17% found checkout too long or complicated. Baymard estimates the average large e-commerce site could gain a 35% higher conversion rate through better checkout design alone. Those are research estimates, not guarantees, but they tell you where to look first.
A teardown is how you find those leaks systematically. Done well, it produces a ranked list of hypotheses for the experiment backlog you built in the last two lessons.
The framework
Score each page on seven criteria. Each gets 0 (broken), 1 (weak), 2 (fine) or 3 (excellent). Multiply by the weight.
| Criterion | Weight | The question to ask | 3 looks like |
|---|---|---|---|
| Message match | 3 | Does the page repeat the promise of the ad, email or query? | Same headline wording, offer and product visual as the source |
| Clarity | 3 | Within five seconds, can a stranger say what it is, who it is for and why it is better? | One clear headline, a specific subhead, a product visual |
| Friction | 2 | How much effort, fields, steps and decisions stand between the visitor and the goal? | Minimum fields, guest checkout, smart defaults, autofill |
| Trust | 2 | Does the page answer “is this safe and will it work for me”? | Specific reviews, recognisable logos, guarantees, clear returns, secure payment marks |
| CTA | 2 | Is there one obvious next step with a benefit-led label? | One primary button, visible without scrolling, repeated after key sections |
| Mobile | 2 | Does it work one-handed on a small screen? | Thumb-reachable CTA, readable text, no horizontal scroll, sticky add-to-cart |
| Speed | 1 | Does it load and respond fast on mobile data? | Meets Core Web Vitals “good” thresholds |
Message match and clarity carry the most weight because they decide whether visitors stay at all. Speed has a lower weight here not because it is unimportant, but because once it passes a reasonable bar, further gains matter less than the other six. If speed is truly broken, it becomes a 0 and still rises up the gap list.
For speed, Google’s Core Web Vitals give clear “good” thresholds at the 75th percentile of page loads: Largest Contentful Paint of 2.5 seconds or less, Interaction to Next Paint of 200 milliseconds or less and Cumulative Layout Shift of 0.1 or less.
Step-by-step playbook
- Pick the page by money at stake. Rank landing pages by
sessions × (benchmark conversion − current conversion) × value per conversion. Start with the top one. For checkout, always include the cart and every step. - Collect the traffic sources. Screenshot the top three ads, emails or search queries that send visitors to the page. Use UTM-tagged reports to find them.
- Set up a realistic device. A mid-range Android phone, mobile data or throttled network, logged out, cookies cleared. Then repeat on desktop.
- Do the five-second test. Show the first screen to someone outside the team for five seconds. Ask what it is, who it is for and what they would do next. Write down their exact words.
- Walk the full path. Go from ad click to order or signup confirmation. Note every field, decision, surprise and wait. Time it.
- Score the seven criteria. Use the rubric. Two people score independently, then agree on the final score.
- Rank the gaps. Calculate gap priority. Take the top three.
- Write hypotheses. Turn each gap into a hypothesis using the format from the first lesson in this track, then score them with ICE or RICE.
- Re-score after changes. Keep a teardown history so you can show progress over quarters.
The teardown
Use these tabs as your checklist, one section of the page at a time.
Landing page and checkout teardown
Goal: the visitor knows within five seconds that they are in the right place.
- Headline repeats the ad or email promise in the same words.
- Subhead says who it is for and the main outcome.
- Product or result visual, not stock photography.
- One primary CTA visible without scrolling on a phone.
- No pop-up before the visitor has read the first screen.
SaaS: show the product UI doing the job. D2C: show the exact product and the offer from the ad.
Goal: answer why this, and why now, better than the alternatives.
- Three to five benefits written as outcomes, not features.
- Specifics beat adjectives: 'set up in 10 minutes' beats 'easy to use'.
- Address the top objection from sales calls, reviews or support tickets.
- A comparison with the status quo or alternatives where relevant.
SaaS: tie benefits to a job and a role. D2C: ingredients, materials, sizing and how it is used.
Goal: reduce perceived risk with evidence from people like the visitor.
- Reviews with names, photos or company and role.
- Ratings with the number of reviews, not just stars.
- Logos the target audience recognises.
- One or two short results-led testimonials near the CTA.
- Press or awards only if they are credible to this audience.
SaaS: case studies with numbers by industry. D2C: photo and video reviews, fit feedback, 'bought by X customers' only if true.
Goal: make the next step obvious and cheap.
- One primary action per page; secondary actions visually quieter.
- Button label states the benefit: 'Start free trial' or 'Get my kit', not 'Submit'.
- Ask only for fields you use now. Enrich or ask the rest later.
- Inline validation, correct mobile keyboards, autofill enabled.
- Reassurance next to the button: no card needed, cancel anytime, delivery date.
SaaS: work email plus password or single sign-on. D2C: phone-first sign-in with OTP is common in India.
Goal: no surprises, no dead ends.
- Total cost including shipping, taxes and COD fees visible on the cart page.
- Delivery date estimate and free-shipping progress bar.
- Guest checkout by default; account creation after purchase.
- Address autofill by pincode or postcode; minimal steps.
- Payment methods your buyers expect: UPI, cards, wallets, COD, pay later; cards and invoices for B2B.
- Clear returns policy and secure payment marks near the pay button.
- Error messages that say exactly what to fix, and keep entered data.
SaaS: self-serve billing with plan summary, tax ID field and annual toggle. D2C: one-page or accelerated checkout where available.
Worked example
Say a D2C protein brand runs Meta ads promising “30% off your first order” and sends traffic to a collection page. It gets 40,000 ad sessions a month and converts 1.5%. Two people score the page:
| Criterion | Score | Weight | Weighted | Gap priority |
|---|---|---|---|---|
| Message match | 1 | 3 | 3 | 3 × 2 = 6 |
| Clarity | 2 | 3 | 6 | 3 × 1 = 3 |
| Friction | 1 | 2 | 2 | 2 × 2 = 4 |
| Trust | 2 | 2 | 4 | 2 × 1 = 2 |
| CTA | 2 | 2 | 4 | 2 × 1 = 2 |
| Mobile | 1 | 2 | 2 | 2 × 2 = 4 |
| Speed | 1 | 1 | 1 | 1 × 2 = 2 |
| Total | 22 of 45 |
Teardown score: 22 ÷ 45 × 100 ≈ 49%.
The top three gaps are message match (6), then friction and mobile (4 each). The hypotheses write themselves:
- A dedicated landing page that repeats “30% off your first order” with the hero product will raise add-to-cart rate.
- Showing the final price after the discount and shipping on the product card will cut cart abandonment.
- A sticky add-to-cart bar on mobile will raise mobile add-to-cart rate.
What is it worth? If the fixes lifted conversion from 1.5% to 2.0%, orders would rise from 40,000 × 0.015 = 600 to 40,000 × 0.020 = 800 a month. At an average order value of ₹1,800, that is 200 × 1,800 = ₹3,60,000 more revenue a month from the same ad spend. Use the A/B test calculator to check you have enough traffic to detect that lift before you test it.
B2B SaaS vs D2C: what changes
| Factor | B2B SaaS | D2C / e-commerce |
|---|---|---|
| Primary goal | Trial, signup or demo booked | Add to cart, then order |
| Biggest friction | Long forms, unclear pricing, “contact sales” walls | Surprise costs, forced accounts, slow mobile pages |
| Trust signals | Logos, security pages, compliance badges, case studies with numbers | Reviews with photos, returns policy, delivery promises, payment marks |
| “Checkout” | Plan selection and billing, or a demo scheduler | Cart and multi-step checkout |
| Mobile weight | Lower for desktop-heavy B2B buyers, but check it anyway | Very high; most traffic from social is mobile |
| India specifics | GST invoice fields, INR pricing | UPI, COD with confirmation, pincode serviceability check |
How to measure it
- Landing page conversion rate: unique visitors who complete the page goal divided by unique visitors who land on the page, by traffic source. Never blend paid and organic; they have different intent.
- Bounce rate from source: single-page sessions divided by sessions, segmented by ad or campaign. A high bounce on one ad but not others points to message match.
- Cart abandonment rate:
1 − (orders ÷ carts created)over the same window, usually 7 days. - Checkout completion rate: orders divided by checkout starts. Track step-by-step drop-off to see which step leaks.
- Revenue per visitor: revenue divided by unique visitors. It catches changes that lift conversion but cut order value.
- Core Web Vitals: field data at the 75th percentile, mobile and desktop separately.
- Teardown score: the rubric score per page, logged quarterly.