- URL : https://idrinkproducts.com/
- Business Type : Business to Consumer
- Focus : Ecommerce
- Client Industry : Food & Beverage
- Platform : Shopify
- Services Provided : Retainer, Web Design, Web Development, Web Development Retainer
Overview
i-Drink Products Inc, doing business as Drinkmate, Inc., makes carbonated beverage systems that can handle pretty much anything, not just water like most competitors, but juice, wine, cocktails, even flat soda. The brand has a loyal following and strong customer support sentiment, but the website hadn’t kept up. It no longer reflected the energy of the brand, and it wasn’t doing much to support the business’s biggest recurring revenue driver: a CO2 cylinder exchange program.
Drinkmate brought us in for a full front-end overhaul: simplify the interface, fix the rendering bugs that had been lingering for a while, and build something more commerce-focused that could actually convert and keep customers coming back.
See how our Shopify web development and retainer services helped simplify the storefront, resolve critical rendering bugs, and clean up the checkout and CO2 exchange experience to drive conversions and scale the business globally.
Problem
Drinkmate was founded in 2015 and launched its online store in 2018, with proprietary technology that lets it carbonate just about any drink. But the website hadn’t grown with the brand. The client wanted something modern, responsive, and full of the same energy that defines Drinkmate, instead of the patchwork experience that had built up across their international markets over time.
Part of the problem was structural. Each regional store had its own design variations, which led to bloated code and inconsistent customer accounts. Things like order history, gift card balances, and loyalty points were missing depending on which store a customer landed on.
Then there were the functional issues. An outdated slider script on the homepage and collection pages would loop endlessly and break the layout whenever a category didn’t have enough products to fill it. Worse, some unvetted scripts were getting flagged by standard ad-blockers, which caused stylesheets to fail and products to disappear from the page entirely.
On top of that, there were accessibility problems: poor color contrast on call-to-action buttons, empty interactive elements, and iframes missing alt text. For less tech-savvy users, this made checkout and basic navigation genuinely confusing, leading to drop-offs right when purchase intent was highest, and dragging down the CO2 exchange and reorder cycle that the business depends on.
Solution
Our team rebuilt the front end from the ground up, focusing on speed, accessibility, and ease of use. We cut the global storefront down to one optimized template and cleared out old theme versions that had been slowing things down for a while. Under our flex retainer, we also updated the Australian site to match the newly modernized U.S. site, so customers get the same experience no matter where they’re shopping.
We fixed the broken product slider on both mobile and desktop. It used to break the layout whenever a category had too few products, or when a customer’s ad-blocker interfered with the page. That doesn’t happen anymore.
We also added Reviews.io to the site, with star ratings sitting right below the buy button so customers can see what other people think before they commit to a purchase.
On the account side, we rebuilt the dashboard so order history, gift card balances, and reward points are all in one place and easy to apply at checkout. We cleaned up some of the underlying code for better accessibility, added descriptions to product videos, and improved the color contrast on headers and navigation so the site is easier to read.
Final Product
Results
The redesign gave Drinkmate’s site a real refresh. It’s faster, looks more like the brand, and is just easier to use, with bright layouts, fun bubble animation touches, and simpler menus so people aren’t stuck scrolling forever. Navigation feels more natural now, and it works better for customers using accessibility tools too.
Rebuilding checkout and putting gift card and loyalty balances front and center cleared up a lot of the confusion that used to trip people up before. The product pages are stable now as well, no more broken layouts from ad-blockers or glitchy scripts messing things up.
With one consistent design now running across all of Drinkmate’s international stores, and a clearer account page that actually supports the CO2 exchange program, the brand has a much steadier foundation to build on, both for keeping customers around and for growing into new markets down the line.