Tubble: custom WooCommerce development for a unique bath experience

The challenge: a website ready for growth

When Tubble approached us, they knew their current website wasn’t supporting their brand’s growth or representing the quality of their products. The Tubble WooCommerce website’s design was outdated, its checkout process wasn’t user-friendly, and features like cross-selling weren’t being used to increase sales. Tubble wanted a site that would:

1. Reflect a premium feel: the existing design didn’t capture Tubble’s luxurious, relaxing brand identity.
2. Support growth: with an expanding catalog, Tubble needed an eCommerce platform capable of handling more products and more traffic.
3. Maximize sales opportunities: features like cross-selling and optimized product pages were missing, limiting the potential for increased order values.
4. Accurately represent the brand: Tubble wanted a site that felt inviting, luxurious, and playful, appealing to a broad audience.

Our solution: a custom-built Tubble WooCommerce website

We developed a custom Tubble WooCommerce website meticulously tailored to meet Tubble’s unique needs and objectives. Utilizing WooCommerce as the eCommerce platform, we prioritized the creation of a user-friendly and visually appealing site that would not only attract visitors but also effectively support Tubble’s growth in a competitive market. Our comprehensive approach centered on three key areas: bespoke UX design that enhances user engagement and satisfaction, seamless WooCommerce integration that ensures smooth transactions and inventory management.

Additionally, we focused on a thoughtfully designed layout geared toward maximizing conversions. By concentrating on these elements, we aimed to create an online presence that not only reflects Tubble’s brand identity but also drives business success.

Bespoke UX design: user-centered and engaging

Our goal was to build a UX design that would be intuitive, visually attractive, and true to Tubble’s brand values.

Understanding user needs

We analyzed user behavior on Tubble’s old website to identify areas for improvement. Users frequently needed:

• Detailed product information
• A quick and easy purchase process
• Access to reviews and customer feedback
• Information on the eco-friendly and portable aspects of Tubble’s products

Design elements aligned with Tubble’s brand

Based on these insights, we implemented several design choices:

• Dark and neutral color palette: We chose colors that evoke luxury and relaxation, aligning with Tubble’s brand values and helping visitors focus on the product images and details.
• Circular fonts and high-quality imagery: Circular fonts, paired with large images, give the site a modern feel, emphasizing the comfort and quality of Tubble’s products.
• Whitespace and clear call-to-actions (CTAs): We used whitespace to keep the design clean, making it easier for users to navigate and find relevant information.

Interactive touches

To create a more dynamic experience, we added interactive elements. These included hover effects on product images and animated sections that guide users through the product details, adding depth to the user experience without overwhelming the visitor.

Tubble WooCommerce website development: building a flexible eCommerce solution

For the backend, we selected WooCommerce, a platform that allowed us to build a flexible eCommerce site tailored to Tubble’s needs. Here’s how we used WooCommerce to deliver key features for the Tubble WooCommerce website:

Product pages focused on driving sales

Each product page on the Tubble WooCommerce website was designed with the buyer in mind, incorporating UX best practices to encourage purchases:

• Detailed descriptions and specifications: every product page includes comprehensive information, enabling customers to make informed decisions.
• Customer reviews: we integrated a review section that displays verified customer feedback, adding credibility and building trust.
• Comparison tables: as Tubble’s product line expands, comparison tables make it easier for users to differentiate between products.

Streamlined checkout process

To reduce barriers to purchase, we focused on creating a straightforward checkout experience on the Tubble WooCommerce website. This includes:

• Guest checkout: allowing purchases without an account simplifies the buying process for new users.
• One-page checkout: consolidating the checkout into a single page reduces friction and speeds up the process.
• Multiple payment options: with support for various payment methods, customers can choose the one they prefer, leading to a smoother transaction.

Cross-selling and upselling features

To increase average order value, we integrated cross-selling and upselling options. Each product page on the Tubble WooCommerce website includes related items, such as accessories, to encourage customers to add more to their cart.

Support for multiple languages and currencies

With Tubble’s global customer base, we set up the Tubble WooCommerce website to support different languages and currencies. This feature makes shopping convenient for international users, helping Tubble reach a broader audience.

Conversion-focused layout: guiding users to buy

The layout of Tubble’s site is designed with a clear focus on guiding visitors toward completing a purchase.

Optimized homepage with simple navigation

The homepage offers clear paths for visitors to explore products, making it easy to find featured items. Key elements of the homepage include:

• Highlighted product categories: visitors can jump directly into Tubble’s main categories, such as the Tubble AirBath and related accessories.
• Hero image and banner: a bold, high-quality image immediately captures attention, showcasing Tubble’s products and inviting visitors to explore further.
• Quick links to products and CTAs: with quick access links and CTAs leading to top-selling items, visitors can find what they need without excessive scrolling.

Product grid and filters for easy browsing

The product grid is organized with sorting and filtering options, allowing users to browse Tubble’s offerings quickly. Filters include product type, price range, and featured items, enabling visitors to narrow down their search.

Content that builds trust

Clear, useful content helps users feel confident in their purchasing decisions. We added customer-focused content, such as:

• Buying guides: guides that help users select the best product based on their needs.
• Eco-friendly information: information about Tubble’s sustainability practices, resonating with eco-conscious customers.
• FAQ section: a detailed FAQ addressing common questions about product usage and shipping.

Results and client feedback

The new website has delivered strong results for Tubble:

• Higher conversion rates: the updated checkout and product page designs led to an increase in completed purchases.
• Increase in order value: the cross-selling and upselling features have helped boost the average order value.
• Fewer abandoned carts: the simplified checkout process has contributed to a reduction in abandoned carts.
• Better user engagement: with an interactive and engaging design, users are spending more time exploring products.

“Fastest time ever for a premium website. Willing to make changes, always friendly and helpful – 100% recommend for start-ups and large businesses alike”

— A. Kuipers, Founder of Tubble

Start your eCommerce project with Studio Ubique

Interested in a high-quality website like the Tubble WooCommerce site for your brand? Book a 30-minute video call with us at Studio Ubique to discuss your goals and how we can help you create an effective eCommerce platform.