Redesign for a New Direction

My client RapidFire Tools was shifting focus and needed a website that reflected their new direction:

Clearer messaging, a streamlined user experience, and a more modern visual identity.

Overview

As Performance IT rebranded RapidFireTools to Network Detective, they needed a website that reflected the new direction.

The previous site didn’t align with the updated product vision and wasn’t optimized for mobile.

I led the redesign to create a responsive, modern site that clearly communicated the new brand and performed seamlessly across devices.

The result: a cleaner, more focused web presence aligned with the company’s new direction.

Approach

I sat down with the Network Detective team to get a clear picture of how they wanted to restructure their product lineup.

I had led the design on this product through multiple iterations, this being version 3 of both the website and branding, I came in with a solid understanding of where the product has been and where it’s headed.

Their biggest priorities were creating a site architecture that made it easy for users to move between products, and building a modular product menu that could grow with them as new tools launched in the coming months.

Navigation

The navigation strategy focused on helping users move easily through subtopics without relying on the top nav. To support this, I introduced a sub-menu pattern within each major section.

For the products menu, I designed a visual mega-menu to boost discoverability. To enable quick product switching, I added floating left/right tabs that expand on hover to show the name and direction of adjacent products.

These two features made it easy to navigate between products and allowed for seamless addition of new ones.

Responsive & Mobile-Ready

I approached the design with the understanding that mobile is often a user’s first impression.

(even if more complex actions happen on desktop)

The site was built to be fully responsive, but for key areas like the homepage, product pages, and order page, I used an adaptive approach to ensure a seamless touch experience.

While most sections only needed layout adjustments, others, like the order page, required rethinking interaction patterns entirely to better suit mobile users.

Designing the Order Page

The order page is a central part of the Network Detective site, used for processing purchases.

A key feature is helping customers understand the discounts available based product selections.

One challenge was educating users about savings without making it feel like a hard sell. I focused on clearly presenting pricing, potential savings, and current discounts, without using promotional labels like “Best Deal.”

Another key challenge was clarity. Some products included optional add-ons, so I designed a clean, intuitive layout that clearly explained each selection and its associated cost.

Mobile Order Page

The next step was designing a mobile version of the checkout. Since the desktop layout didn’t scale well to a smaller, vertical screen, I created an adaptive pattern that’s different visually but keeps the core user interactions consistent.

Checkout/ Shopping Cart

Takeaways

• Maintained and evolved the Network Detective website over several years, supporting continuous updates, UX improvements, and design consistency as the product matured.

• Later brought on as a consultant when a full-service agency was engaged for a major redesign, ensuring continuity and strategic alignment across teams.

• Collaborated with the agency and internal stakeholders to align creative direction with the updated brand identity and key business goals, including improved UX and clearer product messaging.

• The redesign launched successfully, seeing a 50% increase in sales within the first year and contributing to the brand’s growth and eventual acquisition by a larger firm.