Brief
A rebranding exercise to relaunch the Nanogym as Total Flex L as well as its sister products, Total Flex M and Total Flex S. The former version of the website was designed and developed on a defunct version of Buyist with dated brand visuals and design.
Outcome
The Total Flex L became one of the best-selling products upon launch in 2021 and continued its strong performance to date with a strong margin profit. The first batch was sold out within three months and the management had forecasted that it would continue to perform exceptionally. To date, it is one of the best-selling products of the fitness line with 3.6mil revenue since its induction.
Highlights
Web Responsive
The new layout had to be web responsive as majority of the customer base were making online purchases during the pandemic. Images and content were optimized to achieve consistent experience for different viewport sizes.
Icons Design
Emphasis was placed on the design of the icons to present the features in palatable bite-sizes. Each icon was designed through Illustrator and repurposed for product packaging and emails.
Video Implementation
A preview video was filmed to highlight the versatility of the product. This custom element was developed to accomodate the unusual width of the video preview without losing its message and effectiveness. It was also customized to be device-responsive.
Custom Code
The CMS platform had limitations in both layout and functionality. Custom code was developed and implemented in sections such as the mobile version of the tech specs to create a more mobile-friendly experience and to parse the information better without the page becoming longer.