E-Commerce website design for CCTV Direct

CCTV Direct is a B2B wholesale platform for security installers and system integrators working with complex, spec-driven products and repeat orders. 

The goal of the project was to design a fast, predictable, and scalable professional tool rather than a traditional retail storefront.

Research & Problem Identification

The project began with research focused on understanding how professional users interact with a B2B wholesale platform and where friction occurs during everyday tasks. Through analysis of existing user flows and interface patterns, several core problems were identified.

Key findings from research:

  • Product discovery was slow in large, spec-heavy catalogs
  • Technical information was difficult to scan and compare
  • Wholesale pricing access was unclear and poorly explained
  • Checkout flows were not optimized for repeat professional orders

Prototyping & Validation

Based on the research insights, low- and mid-fidelity prototypes were created to validate structure, hierarchy, and core user flows before moving into final UI design.

Prototypes were used to test:

  • Homepage focus and primary entry points
  • Product discovery and catalog layouts
  • Product detail structure and specification hierarchy
  • Evaluated the homepage as an entry point for value communication and navigation
  • Collected and structured insights to inform UX decisions before design

Key UX Problems & Final Design Solutions

1. Clear Starting Points for Professional Users

The final homepage provides:

  • Clear B2B positioning from the first screen
  • Priority actions and categories for quick access
  • Reduced visual noise in favor of task-driven navigation
2. Faster Product Discovery & Spec-Driven Decisions

The final catalog design enables:

  • Strong visual hierarchy in product cards
  • Key technical parameters visible at a glance
  • Easy comparison across similar products
  • Clearly grouped technical specifications
  • Logical separation between core specs and accessories
  • Reduced cognitive load when evaluating products
3. Predictable, Low-Friction Checkout

The final checkout experience provides:

  • Clear progress through Delivery → Payment → Summary → Confirmation
  • One primary decision per step
  • Dedicated order review and clear confirmation state
4. Account Experience for Repeat Orders

The final account experience includes:

  • Dedicated dashboard overview
  • Easy access to order history and wishlist
  • Support for efficient repeat purchasing

The Outcome

The redesigned platform delivers:

  • Faster and more predictable product selection
  • Lower cognitive load for professional users
  • Clear and transparent wholesale logic
  • A modern, scalable B2B eCommerce experience
The Result

CCTV Direct’s website redesign delivered a streamlined B2B wholesale storefront designed for professional installers and system integrators. The new experience improved product discovery through clear, spec-driven layouts, clarified wholesale pricing access, and enabled faster, more confident purchasing decisions. A structured checkout flow and account-based features further supported repeat orders, creating a reliable and efficient platform for everyday professional use.

Do you like The Result?

Let's do something great together!

Digital tools to start your journey

Ai report
AI REPORT

Is your website in
good health?

Run a quick diagnostic to uncover issues holding your site back.

Ai calculator
AI CALCULATOR

How much might it cost to design a website?

Get an instant ballpark estimates based on your goals and features.

QUIZ
QUIZ

Do you need a custom web app or a SaaS platform?

Answer a few questions and get a clear recommendation for your solution.

CALCULATOR
CALCULATOR

How much could an outage cost your business?

Calculate the real financial impact of downtime in just seconds.