TL;DR

Website Redesign Increased Online Revenue by 80%

TALFLO was already a brand and graphics customer. After discovering they could improve their website experience, I helped redesign their e-commerce purchasing flow and ui. With a streamlined user flow, clear navigation, images, and purchase actions, TALFLO was able to grow online revenue without additional spending on advertising.

80%

increase in online revenue

17%

increase in total revenue

Software Used in this Project

The Brief

Originally there was no brief.

When I finished the delivery phase of our Brand Project {link to brand project} I added the new logo for TALFLO onto their website. The visual clash was problematic enough, but the purchase process and navigation across the website clearly needed improvements. Gerald Cormier, the CEO was struggling to grow is manufacturing business which required a ton of manual work to process sales orders, manufacture pump parts, and ship product nationally. He told me that he wanted the company to be something he could pass on to his two kids. That dream was threatened when momentum of the company stalled. He knew something needed to change to make his dream a reality.

I proposed we redesign the website utilizing the new branding and following UX Design principles. The goal was to improve the website’s usability and increase online conversions without the need for manual order processing.

Discovery

During the analysis of the website I uncovered a several points of friction on the website.

Website Breakdown

Hick’s Law - There were too many decisions that a visitor could make on most of the website.

Miller’s Law - The number of things customer needed to remember while going through different steps of the purchase process were difficult to juggle. Which part they needed, if the parts matched their requirements, and if they were on the correct page of the website to complete a purchase were a few.

Visual Hierarchy - The visual weight on the website was misaligned and distributed across multiple decisions equally.

Contrast - There was low contrast on key sections of the website, especially on the home page Hero section.

Customers struggled with:

- Complex navigation made it difficult to move through the sales funnel

- Lack of clear purchase actions led to abandoned carts

- Visual elements detracted from clear next steps

- Unprofessional design reduced trust with new visitors leading to high bounce rates

Design

To resolve these issues I first used Miro to wireframe the current website sitemap and navigation then correct the issues.

Design Summary

The wireframe and prototype not only clarified the design for development, but helped communicate with the team at TALFLO how their operations could be improved using the visual design as a guide.

Wireframe

The new website wireframe brought clarity to navigation and navigation through the website sales funnel.

Prototype

The prototype created the visual communication

Delivery

Transferring Design into Development in Wix

Delivery

Design to delivery was a smooth handoff.

Weber’s Law:

The original website was developed in Wix, and rather than transfer the website to a new platform which would likely have taken considerable effort for TALFLO to adapt to, I opted to update the website in the same space.

I implemented the new website design from Figma, and optimized the images, meta data, and layouts for SEO.

Default Bias:

During implementation I photographed the existing products and created standardized product images in alignment with Amazon Seller Standards. This look would be familiar purchase process to most American customers.

Results

As planned, the website in the first weeks began to dramatically improve conversion rates, and later customer retention.
One customer in particular returned purchasing exponentially more units each successive visit to the website.

TALFLO’s website improvements empowered them to raise their prices. Even with the price increase, TALFLO retained and even grew their customer base over the next year.

The results were an 80% increase in online sales over the previous year, and 17% in revenue overall.

80%

Increase in online Revenue

18%

Increase in total orders

17%

Increase in total revenue

Have a similar project?

Book a free call with me or reach out via text with the contact form.