I'm going to walk through a real project we did last fall. The client asked me not to name them, so I'll call them "GreenLeaf" — they sell organic skincare products online. When they came to us, they were doing about $45K per month through a Shopify store they'd set up themselves three years earlier.

Three months after we launched the new site, they hit $63K. Same products, same ad spend, same team. Here's what we actually did.

The Problem Wasn't Shopify Itself

I want to be upfront about this: Shopify is a perfectly good platform. The problem wasn't the tool — it was how it was being used. Their store had accumulated three years of plugins, theme hacks, and workarounds. Twelve apps installed, most of which conflicted with each other. The checkout flow had been "customized" by three different freelancers over the years, each one building on top of the last person's code without cleaning anything up.

The result? A 6.2-second load time on mobile. A checkout process that required five pages. Product pages that looked different depending on which collection you came from. And a cart abandonment rate of 81%.

That last number is the one that made the owner's jaw drop. Eighty-one percent of people who added something to their cart never completed the purchase.

What We Changed (And Why)

We didn't just slap a new theme on Shopify. We moved the entire frontend to a custom build using Next.js, connected to Shopify's Storefront API for product data and checkout. The backend stayed on Shopify — their inventory management, order processing, and fulfillment workflows all stayed the same. We just replaced the part that customers actually see and interact with.

Why bother? Because we needed full control over performance and user experience. With a custom frontend, we could:

• Pre-render product pages so they load instantly
• Build a one-page checkout instead of Shopify's default multi-step flow
• Implement proper image optimization (the old site was serving 3MB product photos)
• Add smart product recommendations without yet another $30/month plugin

The Checkout Redesign Made the Biggest Difference

If I had to pick one change that moved the needle the most, it was the checkout. We went from five pages down to one. Name, shipping address, payment — all on a single page with real-time validation. No page reloads, no progress bars, no "create an account" wall before you can pay.

We also added Apple Pay and Google Pay buttons right on the product page. Not just in the cart — on the product page itself. One tap to buy. For repeat customers, this was a game-changer. The owner told me she started getting Slack notifications of new orders way more frequently, and at first she thought something was broken.

Cart abandonment dropped from 81% to 52%. Still not perfect, but that's a massive swing. For context, the industry average for skincare e-commerce is around 65-70%.

Speed Improvements Were Dramatic

The old site loaded in 6.2 seconds on mobile. The new one? 1.4 seconds. That's not a typo.

Here's what specifically made it faster:

• Image optimization: We converted all product images to WebP and implemented responsive sizing. A phone doesn't need to download a 2400px-wide image.
• No more plugin bloat: Those twelve Shopify apps were injecting JavaScript everywhere. We replaced their functionality with lightweight custom code.
• Edge caching: Static pages get served from CDN nodes close to the customer. The server doesn't even get hit for most page views.
• Prefetching: When you hover over a product link, we start loading that page in the background. By the time you click, it's already there.

Google PageSpeed score went from 34 to 96 on mobile (we cover the full optimization playbook in our speed guide). And because Google factors page speed into search rankings, their organic traffic started climbing too — up about 25% over the three months we tracked.

The Numbers After Three Months

Here's the honest breakdown of what changed:

• Monthly revenue: $45K → $63K (+40%)
• Conversion rate: 1.8% → 3.1%
• Cart abandonment: 81% → 52%
• Avg. page load (mobile): 6.2s → 1.4s
• Bounce rate: 58% → 35%
• Pages per session: 2.1 → 3.8

The revenue increase wasn't just from better conversion rates. People were browsing more products per visit, which led to higher average order values. The "Customers Also Bought" recommendations we built accounted for roughly 12% of total revenue by month three.

What I'd Do Differently

I always try to be honest about this stuff. Two things I'd change if we did it again:

First, we should have redirected old URLs from day one. We set up redirects, but missed a handful of product URLs that had changed format. For about two weeks, some Google search results were landing on 404 pages. We caught it in Search Console, but it probably cost us some traffic during that window.

Second, I wish we'd pushed harder on email capture during checkout. We added a newsletter signup, but it was optional and easy to miss. A post-purchase popup or a discount-for-email offer would have been a better approach. That's something we're adding in phase two.

Is a Custom Build Right for You?

Honestly, not always. If you're doing under $10K per month and your Shopify store is clean and fast, a custom rebuild is probably overkill. Fix what's broken, optimize your images, clean up your plugins, and you'll see improvements.

But if you've outgrown your current setup — if your store is slow, your checkout is clunky, and you're leaving money on the table — a custom frontend on top of Shopify (or another headless commerce platform) can make a real difference. Check out our e-commerce services and portfolio for more examples. The investment pays for itself faster than most people expect.

Curious whether a rebuild makes sense for your store? Let's talk through it — no pressure, just a straight conversation about what's realistic.