The Problem
XL Biotec's WordPress/WooCommerce website had become a bottleneck rather than a business tool. The issues were piling up. The site was painfully slow, especially on mobile, which was a real problem since many of their university customers browse from phones and tablets. Managing over 440 products through WordPress was tedious and time-consuming. As their CEO Joe Masterson put it: "WordPress is a slog. A lot of clicking and waiting."
On top of that, the built-in WooCommerce checkout was largely unnecessary. Most of XL Biotec's university clients pay via purchase order and bank transfer, not credit card. In the site's entire lifetime, fewer than 10 transactions had gone through the online checkout. The website needed to be a product catalog first and foremost, not an e-commerce store.
What the Client Actually Needed
Through our discovery conversations with Joe, we identified three priorities that would guide the entire project.
Fast product search. Joe was clear: "We are less worried about their ability to check out than their overall ability to search our website for products. That's more important." His customers needed to quickly find the right reagent, culture media, or antibody from a catalog of 440+ products across 27 different suppliers.
Easy product management. Joe frequently adds products to the catalog when customers request them. WordPress made this a multi-step, multi-click ordeal. He needed something where adding a product takes minutes, not a frustrating back-and-forth with a clunky admin panel.
A simpler purchasing flow. Instead of a full e-commerce checkout that almost nobody used, we proposed a "Request a Quote" system. Customers browse the catalog, add items to a cart, and submit their request along with their contact details. Joe's team then handles pricing and fulfillment directly. This matched how 90% of their sales already worked.
Our Approach
We rebuilt the website from scratch using Next.js with Sanity CMS, deployed on Vercel. This combination gave us exactly what the project demanded: speed, flexibility, and ease of content management.
The migration covered all 440 products with their images, descriptions, SKUs, and metadata. We preserved the existing category hierarchy across 8 product groups and maintained relationships with all 27 suppliers. The bilingual infrastructure (English/Thai) was carried over and set up for future expansion.
On the SEO front, we worked closely with the client's SEO team to migrate all existing metadata, set up proper 301 redirects from the old WordPress URLs, generate a fresh sitemap, and connect Google Analytics to the new backend. The goal was zero loss in organic search visibility.
The Result
The difference was immediately obvious. When we shared the preview link with Joe, his reaction said it all: "Wow. That seems so much FASTER!! This is great."
He shared the preview internally, and the feedback was unanimous. "Everyone loves it so far. So fast. Everyone was shocked," Joe reported back. The design was cleaner, the navigation was intuitive, and product search was finally front and center.
Page load times dropped dramatically thanks to server-side rendering and a global CDN, especially on mobile devices. Product management became simple with a clean, visual CMS interface replacing the WordPress admin panel. The purchasing flow was streamlined to match how customers actually buy: browse, collect products, and request a quote. All 440 products were migrated with images, metadata, and SEO data intact. Bilingual support was preserved with room to expand Thai content in the future.
Why It Worked
The original estimate for the project was 4 to 5 weeks. We delivered it in two. The site went live during Songkran 2026, with zero downtime during the transition.
This project moved fast because we aligned the technology to the business, not the other way around. By stripping out the unnecessary e-commerce complexity and replacing it with a quote-request workflow, we reduced the scope to what actually mattered. By using a headless CMS instead of WordPress, we gave the client a faster site and a better editing experience without the overhead of plugins, themes, and database bloat.
See the result for yourself at xlbiotec.com.
For any business running a product catalog on WordPress that has outgrown the platform, this is the kind of transformation that is possible when you match the right tools to the actual use case.
เรามาติดต่อกันเถอะ
ติดตาม Asia Media Studio เพื่อรับข้อมูลเชิงลึกเกี่ยวกับการออกแบบและการอัปเดตบน Facebook, Instagram และ LinkedIn.
