Generating a 325% increase in conversion rates for an online wellness company

-
Tranont

Comprehensive Redesign of User Experience to Boost Conversions

Tranont, a metabolic health company, partnered with us to enhance the online enrollment process on their website. Through strategic design and development, we increased the enrollment conversion rate from 11% to 34%, exceeding industry standards and boosting Tranont’s revenue.

industries:
Fitness
technologies:
Next.js
services:
UX/UI Design
Web Development
Download on the app storeDownload on Google Play

​​Tranont pairs a vibrant community with a range of health, wellness, and financial products for a holistic lifestyle approach. With over ten years in the market and annual revenue of $50 million, the company leverages strategies that support steady, predictable growth.

Tranont’s founders, Lorne Berry, Russ Losee, and Scott Bland, are dedicated to leveraging technology to better deliver their transformative products to the community. At the start of 2024, the Tranont team identified issues with their website’s enrollment process. High drop-off rates during sign-up were hindering the company’s growth goals. Committed to investing in IT and drawing on positive past experiences with Nomtek, David Sokolowski, Tranont’s CTO, approached us to collaborate on improving the enrollment user journey. The goal was clear: increase conversions and reduce user abandonment.

Together, we undertook a comprehensive effort that included not only a UX redesign but also significant code enhancements, which led to a substantial improvement in Tranont’s key e-commerce metrics. David played a pivotal role throughout the process, contributing numerous suggestions and solutions that led to a substantial improvement in Tranont’s key e-commerce metrics.

Scope of Work

The redesign work focused on a thorough audit of the existing user journey, strategic restructuring of the enrollment process design, and the development of a localized prototype for multiple markets.

In-depth Audit of Existing User Journey

We began with a thorough audit of Tranont’s existing user journey, focusing on identifying the main pain points that were leading to high drop-off rates. This involved analyzing user behaviors and reviewing where and why users were abandoning the process. The insights gained here were the foundation for the changes in the subsequent phases.

Information Architecture Restructuring

Based on the audit, we restructured the information architecture to refine the enrollment process. Our goal was to reduce the number of steps and minimize user friction while maintaining clarity and engagement. We simplified the flow and cut out a large portion of the content to create a more user-friendly interface that still conveyed essential information effectively.

Rapid Prototyping Using Customizable Libraries

To expedite the development, we used customizable UI libraries that helped us quickly create a prototype that also aligned with Tranont’s branding. Thanks to rapid prototyping and releasing the new process fast we could validate design changes early and gather feedback from real users.

Localization of the Enrollment Process for Seven Countries

We localized the enrollment process for Tranont’s operations in seven countries, ensuring that each version matched user needs and expectations. By localizing the enrollment process, we maintained a distinct but consistent user experience across all regions, which was key to achieving high conversion rates globally.

Implementation of Analytics to Track E-commerce Metrics

To monitor the performance of the redesigned enrollment process, we implemented OpenReply that tracked essential metrics such as conversion rates, drop-off points, and session duration. Analytics helped us make data-driven adjustments to further polish the user journey.

Scope of Work

The redesign work focused on a thorough audit of the existing user journey, strategic restructuring of the enrollment process design, and the development of a localized prototype for multiple markets.

In-depth Audit of Existing User Journey

We began with a thorough audit of Tranont’s existing user journey, focusing on identifying the main pain points that were leading to high drop-off rates. This involved analyzing user behaviors and reviewing where and why users were abandoning the process. The insights gained here were the foundation for the changes in the subsequent phases.

Information Architecture Restructuring

Based on the audit, we restructured the information architecture to refine the enrollment process. Our goal was to reduce the number of steps and minimize user friction while maintaining clarity and engagement. We simplified the flow and cut out a large portion of the content to create a more user-friendly interface that still conveyed essential information effectively.

Rapid Prototyping Using Customizable Libraries

To expedite the development, we used customizable UI libraries that helped us quickly create a prototype that also aligned with Tranont’s branding. Thanks to rapid prototyping and releasing the new process fast we could validate design changes early and gather feedback from real users.

Localization of the Enrollment Process for Seven Countries

We localized the enrollment process for Tranont’s operations in seven countries, ensuring that each version matched user needs and expectations. By localizing the enrollment process, we maintained a distinct but consistent user experience across all regions, which was key to achieving high conversion rates globally.

Implementation of Analytics to Track E-commerce Metrics

To monitor the performance of the redesigned enrollment process, we implemented OpenReply that tracked essential metrics such as conversion rates, drop-off points, and session duration. Analytics helped us make data-driven adjustments to further polish the user journey.

Solution

The restructuring of Tranont’s enrollment process resulted in a 325% increase in conversion rates — from 8% to 34% — far surpassing the industry average of 20%-30%. The completion rate also improved markedly, reaching 65%. These rapid implementation and impressive results have further strengthened our partnership with Tranont. We are now focusing on incremental optimizations across other areas of their site, starting with the shopping page.

Impact

The new process redesign improved key metrics for Tranont.

65%

Finish process rate improvement

325%

Increase in conversion rates

35%

User conversion boost

Team Composition

A cross-functional team worked together to redesign the process and create a fast and easy enrollment path.

2

Next.js Developers

1

QA Engineer

0.5

Project Manager

Create Design that Converts

Contact Us