Help Menu
Case Study

Fly Racing

Diztinct created a breathtaking, feature-packed website, expertly designed on the robust Bigcommerce Enterprise platform.

Project Goals & Objectives

Diztinct undertook a substantial design and development assignment for Boise, ID-based adventure sports retailer, FLY Racing. The primary objective was to seamlessly transition the existing FLY Racing website onto the BigCommerce Enterprise platform while simultaneously enhancing brand identity and improving the user experience (UX). In addition to providing an efficient purchasing process, the revamped FLY Racing website now incorporates supplemental product descriptive features that will aid customers in their respective buying journeys.

Platform

Client

Services

Copywriting, Digital Strategy, Full-stack
Development, Hubspot Integration, UI/UX Design

View Live Site
0% Conversion Rate
0% Orders Placed
0% Revenue Increased
0% Customers
View Live Site
Key Features

Top 5 Site Features

These custom additions were strategically implemented to elevate the overall user experience and set FLY Racing’s website apart from their competition. Each of these features has been meticulously and purposefully designed for the customer; to showcase the brand and its products in an engaging and interactive shopping experience.

1
Category List Page

Key Feature #1

Our custom Category List Page boasts an expanded range of user-friendly features that simplify the browsing process. With advanced filtering options, users can effortlessly refine their search based on specific criteria and ensure that they find the perfect gear. Eye-catching badges that denote sales, best sellers, and other promotions help customers identify standout products at a glance. Hovering over product images opens an interactive preview that gives shoppers a closer look before making a selection. Additionally, our innovative swatches feature demonstrates how different color options will look in real-time and fortifies the page’s visual appeal and utility. Customers can quickly find the products they want while enjoying an engaging shopping experience.

2
Advanced Product Page

Key Feature #2

Our Advanced Product Page template is a demonstration in effective product presentation and compelling user engagement. This template specifically caters to the diverse range of products in FLY Racing's lineup, prominently featuring high-quality images with comprehensive product information. Videos and interactive elements take center stage, granting users the ability to interact with the product in a virtual simulation that basic static content simply cannot replicate. Detailed specifications and additional information are readily available and ensures that customers have access to all the details they may need. This template's versatility enables FLY Racing to showcase their products effectively, regardless of the complexity or distinctiveness of the item.

3
Gear Lines

Key Feature #3

The 'Gear Lines' page on the FLY Racing website invites customer engagement through personalization. This innovative platform redefines the way riders interact with the brand. Through a virtual model, customers can choose from an extensive array of gear and color options and then mix and match components in order to craft their distinct riding ensemble. This ingenious interface lets users experiment with various combinations until they achieve the perfect look that resonates with their unique style and preferences. The ‘Gear Lines’ feature delivers a potent interactive platform that fosters engagement, self-expression, and helps to strengthen the relationship between FLY Racing and their valued customers.

4
Category Landing Page

Key Feature #4

Designed with the customer's journey in mind, the Category Landing Page combines form and function. Featured categories and promotions take center stage, guiding customers toward the products that align with their interests and needs. In addition to its visual appeal, this page displays detailed descriptive content that highlights FLY Racing's offerings. The Category Landing Page also serves as a strategic hub to direct shoppers to their desired Category List Pages and Product Pages. It's an example of user-centric design that facilitates a smooth and intuitive path to optimize the buyer’s journey.

5
Mobile Menu and Filtering

Key Feature #5

Our Mobile Menu & Filtering enhancements bring added convenience to FLY Racing’s mobile shoppers. We've overhauled the mobile menu to provide visitors an intuitive and user-friendly navigation experience that ensures effortless browsing on smaller screens. This streamlined menu directs customers to access various sections of the site with ease, making their journey smoother and more efficient. We've also implemented advanced filtering options that help to further refine search results. Whether it's sorting by category, size, color, or other specific criteria, our mobile filtering functionality grants customers the ability to custom tailor their respective shopping experiences with unparalleled ease and convenience.

Before

After

Homepage

Our goal here was to redefine FLY Racing’s online presence by injecting new life into the visuals of the homepage. We've introduced a range of new upgrades that not only elevate the user experience but also illustrate FLY Racing's specialized brand identity. With easily interchangeable banners for promotions, dynamic sections featuring news & events, and compelling blog articles, the homepage now serves as an inviting and informative gateway for visitors, ensuring they are engaged from their very first interaction with the website.

Mobile Experience

We recognized the growing importance of mobile users and dedicated our efforts to revise the FLY Racing homepage specifically for mobile devices. Using thoughtful design and responsive elements, we've transformed the mobile homepage into a user-friendly platform that adapts seamlessly to different screen sizes, providing an impeccable user experience. The streamlined interface provides a consistent and engaging browsing experience regardless of whether users are viewing the website through mobile devices or on desktop computers.

Homepage Mobile Screen 1 Homepage Mobile Screen 3 Homepage Mobile Screen 5
Homepage Mobile Screen 2 Homepage Mobile Screen 4 Homepage Mobile Screen 6

The Problem

Mobile users found the previous FLY Racing website cumbersome to use on smaller screens. The layout often appeared disorganized and cluttered, making it unacceptable for mobile visitors to use. Navigation was unintuitive and users experienced slow loading times and unresponsive design elements. It was also detrimental to the brand's image that the website was not optimized for mobile use, resulting in an increase in bounce rates and a sharp decrease in customer engagement and conversion rates. Considering today's tech-savvy consumers, there was plenty of room for improvement in this area.

The Solution

We redesigned and optimized the FLY Racing website to specifically address the mobile-related performance issues. Designed to be responsive, the new site ensures quick loading times and easy navigation across multiple mobile devices. We’ve eliminated clutter and made it easier for users to find the information they need through intuitive touch-friendly features and streamlined content presentation. Our mobile-centric revisions improved both the user experience as well as the brand's reputation. FLY Racing now utilizes a mobile-responsive website that exceeds the expectations of today's mobile users, thus increasing engagement, conversions, and customer satisfaction among its audience.

Category Pages

The Category List Page was studiously reformatted to make browsing more intuitive and explanatory for users. Using this page as a portal to FLY Racing's extensive product catalog, we ensured that customers could easily explore and discover items within their areas of interest. Shoppers can now easily pinpoint the perfect gear courtesy of the new user-friendly interface and well-organized categories. Additionally, FLY Racing's design incorporates visually appealing elements that display highlighted products and promotions which create an attractive Category List Page, inviting users to further explore the company.

Category Landing Page Screen 1
Category Landing Page Screen 2
Category Landing Page Screen 3
Category Landing Page Screen 4
Category List Page Screen 1
Category List Page Screen 2
Mobile List Page

Product Page

We focused on creating an informative, engaging, and user-centric layout that would assist customers in making well-informed purchasing decisions. Specifications, pricing, and availability of products are presented in a clear and concise fashion. Customers can examine products closely using high-quality images and zoom functionality while reviews and ratings provide valuable information from fellow riders. In conjunction with boosting FLY Racing's brand credibility, the redesigned Product Page makes it easier for customers to explore, evaluate, and purchase gear they need.

PDP Full

Mobile Experience

The Product Page on the mobile platform is no exception to our commitment to providing mobile users with an exceptional user experience. Our mobile Product Page has been deliberately reworked around responsive design elements that work to expand accessibility throughout a variety of mobile screen sizes. There’s no need for excessive scrolling or zooming when browsing product images, reading critical information, or reading reviews and the streamlined mobile checkout process makes shopping on the FLY Racing website an easy and hassle-free experience.

PDP Screen 1 PDP Screen 3 PDP Screen 5
PDP Screen 2 PDP Screen 4 PDP Screen 6

The Problem

The old Product Page's lack of visual appeal and user-friendliness made it difficult for FLY Racing to engage their customers. This layout resulted in a high bounce rate and missed sales opportunities due to its haphazard layout. Slow loading speeds and a lack of responsive design contributed to the poor overall experience had by mobile users. Besides not being able to showcase FLY Racing's products in an effective manner, the outdated Product Page tarnished the brand's reputation and ultimately hindered its growth and profitability.

The Solution

A comprehensive redesign of the Product Page addressed both aesthetics and functionality, improving user experience and conversion rates. High-quality images, interactive features, and an intuitive design draw users to the new Product Page. Information on specifications, pricing, and availability allows customers to easily evaluate their options. Responsive design ensures seamless navigation and quick loading times while user-generated reviews and ratings provide valuable insight into the brand, thus fostering trust and confidence. This new Product Page maximizes sales for FLY Racing by streamlining checkout while synchronously elevating the brand's image.

Gearlines

Customers can design their own personal riding gear VIA the custom ‘Gear Lines’ page, a groundbreaking new addition to the FLY Racing website. This innovative ‘Gear Lines’ page delivers riders an immersive and individualized shopping experience that transforms the way they interact with the brand. Customers can choose from a wide range of gear and colors on the ‘Gear Lines’ page, and mix and match elements to create their own individual style. Users can experiment with various combinations until they find the gear ensemble that matches their style and preferences with ease. As a paradigm shift in the world of riding gear, the ‘Gear Lines’ page breeds and nurtures engagement, self-expression, and greater bond between FLY Racing and their customers.

Gearlines Desktop
Gearlines Mobile

25 Years of Fly Racing

To commemorate FLY Racing's 25th anniversary, we created a custom About Us page to reflect the company's remarkable journey and drive to achieve excellence. FLY Racing's rich history, milestones, and accomplishments over the past quarter-century are celebrated in a riveting narrative. A timeline of key moments, captivating images, and heartfelt stories highlight the brand's evolution and devotion to customers in this visually engaging design. This page not only celebrates FLY Racing's distinguished history but also presents a glimpse towards their exciting future ahead, emphasizing the company's honorable adherence to innovation and quality. A compelling testament to the brand's unwavering dedication to riders around the world.

About Mobile
About Desktop

Conclusion

In a successful partnership, we've assisted FLY Racing in a complete overhaul of their online presence. Diztinct addressed critical issues and enhanced the overall user experience.

  • Improved user experience on desktops and mobile devices
  • New Category List Page, captivating Product Pages, and cutting-edge customization features
  • Celebration of FLY Racing's 25th Anniversary on About Us page and Custom Gear Lines page
  • Strengthened relationships with riders globally
  • Progressive, user-centric, and aesthetically pleasing website reflecting company essence