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.
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.
%20(1).webp)
%20(1).webp)
%20(1).webp)
.webp)
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.
.webp)
.webp)
Impact
The new process redesign improved key metrics for Tranont.
Finish process rate improvement
Increase in conversion rates
User conversion boost
.webp)
Team Composition
A cross-functional team worked together to redesign the process and create a fast and easy enrollment path.
Next.js Developers
QA Engineer
Project Manager


.png)

%201.png)