BNPL electronics with no checkout dead-ends.
Laptops, phones, monitors, gaming consoles — with Afterpay surfaced on the product page, not buried under a 'more payment options' expander on the cart.
- Client
- Tech Buddy
- Sector
- Electronics · BNPL E-commerce
- Engagement
- Discovery → Build → Launch
- Year
- 2026
✱ § 01 · The brief
What they actually needed.
Tech Buddy sells new electronics in the US — current-gen iPhones, Samsung Galaxy, Lenovo / Dell / HP / MSI laptops, MacBooks, OLED monitors, gaming peripherals, and PlayStation consoles. Most customers can't put $1,400 on a credit card without thinking. Financing should be visible from the moment they see the price — not three taps deep on the checkout page.
The previous theme buried Afterpay under a 'more payment options' expander on the cart. Customers who landed on a $1,499 product saw the full sum first, did the mental math, and bounced before they ever saw the $62/month alternative. The funnel was costing the business its core value proposition.
“Our shoppers are budget-conscious. The whole pitch is interest-free monthly. Burying it on the cart page killed it.”
✱ § 02 · Our approach
Three bets, in order.
Show monthly price first, full price second.
Product cards lead with 'from $62.63/mo with Afterpay' — full price beneath in smaller type. FTC-safe disclosure on hover and at checkout. Honest, not deceptive — but the headline matches the customer's mental model.
Single-page checkout with financing pre-selected.
Cart total > $400 → Afterpay is the default payment method. Card payment one tap away. Address autofill via Google Places. Guest checkout by default. Median time to completion: under one minute.
Delivery + returns up front, every product.
Free shipping on orders $29+, 3-7 business day delivery, 15-day returns — shown on every product card, every time. No 'see policy' modal — the answer to 'when does it arrive' lives next to the buy button.
✱ § 03 · Process · 11 weeks
From kickoff to shipped.
Wk 1–2
Discovery + funnel forensics
Pulled 60 days of cart-abandonment events. 41% of $400+ carts bounced before the payment step. Surveyed 150 abandoners — 73% cited 'didn't realise I could split it'.
Wk 3–4
Information architecture + design
Designed the product card with the monthly price headline, the cart with Afterpay default, the collection pages with category filters tuned for first-time tech buyers vs. enthusiasts.
Wk 5–9
Build · Next.js + Stripe + Afterpay
Custom Next.js storefront, Stripe + Shop Pay + Afterpay integrations, Algolia search, Cloudinary for product photography. First end-to-end financed checkout end of week 8.
Wk 10
Soft launch + measurement
Cut 25% of traffic for one week. Watched the AOV and the financed-checkout rate. Noticed Shop Pay one-click was confusing first-time buyers — added an explicit 'guest checkout' path.
Wk 11
Full cutover + content
100% of traffic on the new storefront. Migrated 4,200 products with photography normalisation. Shipped a financing FAQ + a per-product warranty page.
✱ § 04 · Gallery · key screens
Selected screens.
✱ § 05 · Results · measured 6 months post-launch
What changed, in numbers.
- −43s
- Median checkout time
- +67%
- AOV on financed orders
- +42%
- Completed checkouts
- 11%
- Return rate
97s → 54s, product → completion
$412 → $689
On orders > $400
Industry baseline 17–22%
✱ § 07 · In their words
Customers see the monthly figure first now. They don't bounce on the sticker — they finish checkout in under a minute.
Founder
Tech Buddy · Tech Buddy
✱ § 08 · Tech stack
What's running.
- Storefront
- Next.js · Tailwind v4
- Search
- Algolia · custom filters
- Payments
- Stripe · Shop Pay · Afterpay
- Media
- Cloudinary · custom transforms
- Analytics
- GA4 · Stripe radar · Hotjar
- Hosting
- Vercel · Cloudflare
✱ § 09 · Team
Who built it.
- Affan Manzoor
- Project lead
- ChampX design
- Storefront + product card
- ChampX engineering
- Next.js + payments
- ChampX content
- Financing FAQ + warranty pages
✱ § 10 · Honesty section
What we’d do differently.
01 · Should have built a standalone financing calculator
Customers wanted to model 'what would $899 cost me a month?' before adding to cart. We added a calculator widget in v2 — it would have lifted top-of-funnel earlier.
02 · Shop Pay one-click confused first-time buyers
First-time visitors hit Shop Pay assuming it was a tracking page. Added an explicit 'guest checkout' button two weeks post-launch — completion lifted further.
03 · Returns clarity needed per-product policy
Camera returns differ from PC returns. The blanket 15-day policy felt wrong on opened cameras. Added a per-category returns line in v2.
