On Demand Tracking - Web Redesign

Chad Sherman

Web Designer
eCommerce Manager
Web Developer
CSS3
Figma
Shopify


Project Overview

This project included a complete redesign of On Demand Tracking's main website. On Demand Tracking is a GPS tracking and vehicle camera solutions company servicing various fleet, heavy equipment, and auto financing industries. The On Demand Tracking website redesign is a testament to effective and user-centric web design. The site's UX/UI design is crafted with a clear understanding of the user's needs and the company's business objectives.





Client: On Demand Tracking

Industry: GPS Tracking and Vehicle Camera Systems

Services Provided: Web Redesign, E-commerce Migration to Shopify, Conversion-Centric Design, UX Research and Consultation

Objective: To overhaul On Demand Tracking's online presence, focusing on user experience, streamlining their e-commerce platform by migrating to Shopify, and enhancing site performance and sales through conversion-centric design principles.

Challenge:

On Demand Tracking aimed to rejuvenate its digital footprint, necessitating a multifaceted approach to address:

  • Web Redesign: Crafting an updated, intuitive web interface that reflects On Demand Tracking’s technological leadership.
  • E-commerce Migration: Ensuring a seamless transition to Shopify, preserving customer and product data integrity.
  • Conversion Optimization: Leveraging design and UX strategies to amplify lead generation, customer engagement, and e-commerce sales.
  • Organic Growth: Bolstering SEO to elevate organic search visibility and attract targeted traffic, reducing dependency on paid advertising.

Strategy and Execution:

  • Innovative Web Design: Introduced a contemporary design, emphasizing On Demand Tracking’s industry leadership through user-friendly layouts and interactive elements.
  • Shopify Migration: Conducted a meticulous migration to Shopify, enhancing the shopping experience while integrating bespoke functionalities for On Demand Tracking's distinct requirements.
  • Conversion-Centric Design Principles: Utilized proven strategies from the NEVERDRY project, including distinct calls-to-action and streamlined product pages, to improve conversion rates.
  • SEO & Content Strategy: Deployed a comprehensive SEO strategy, focusing on content optimization, site architecture refinement, and user experience enhancements to align with search engine criteria.

Solutions:

  • Responsive Design & User Engagement: Developed a fully responsive site with engaging features to captivate users and facilitate exploration of On Demand Tracking’s solutions.
  • Custom Shopify Features: Leveraged Shopify’s robust e-commerce solutions, adding custom features for product visualization, inventory management, and enhanced customer service.
  • User Experience Improvements: Refined site navigation, loading times, and interactive product demonstrations, significantly boosting user engagement.
  • Advanced SEO Practices: Applied strategic SEO enhancements to notably elevate keyword rankings, organic traffic, and market presence.

Foundational SEO Restructure:

A thorough SEO restructure was pivotal for enhancing On Demand Tracking’s search engine visibility:

  • Comprehensive Meta Strategies: Implemented across products, collections, and pages, focusing on user intent to optimize for search engines. This included a full SEO audit and overhaul including optimized alt texts, meta descriptions, focused keyword usage, and structure data markup are utilized for improved search results rankings and overall visibility.
  • Google My Business Integration: Strengthened local SEO efforts for better geographical relevance and customer reach.
  • 301 Redirects: Addressed deprecated URLs to new paths, preserving SEO value and ensuring user experience continuity.

Custom Development:

Innovative custom developments were introduced to enrich the site’s functionality and user interaction:

  • Enhanced Shopify Forms: Newly coded form fields utilizing custom .liquid code now capture essential inquiry information directly on the site, streamlining lead generation processes.
  • Custom Code Integration: A dedicated frontend theme builder section for HTML and inline styling was added, facilitating rich content customization without external dependencies.
  • Scalable CSS Customization: A separate custom.css file was established within the Theme code for added and edited theme styling on top of the base theme CSS, ensuring clarity and maintainability of the codebase.

Design & User Experience:

The redesign emphasized a seamless fusion of aesthetic appeal and functional excellence:

  • Color-Coded Product Sections: Utilized thematic colors to intuitively categorize products, enhancing user navigation.
  • Collage-Style Collections: Adopted a dynamic presentation for products, ensuring a responsive and informative user experience.
  • Custom Contact Forms: Integrated with radial button options for streamlined service inquiries, automating backend processes for efficiency.
  • Trust-Building Elements: Incorporated ‘trusted clients’ banners and a reviews section, leveraging social proof to establish immediate credibility.

Website Optimization & Performance:

Dedicated optimization efforts ensured the website's superior performance and user engagement:

  • Advanced Site Optimization: Employed tactics like Gzip Compression and WebP image formatting to enhance site speed and responsiveness.
  • Responsive Design: Achieved a highly responsive design across devices, minimizing cumulative layout shift for an optimal user experience.

Results Metrics:

  • Engagement Rate: Saw a 36% increase, reflecting enhanced user interaction.
  • Unique Visitors: Grew by 22% year-over-year, indicating higher site attraction.
  • Impressions: Increased by 27%, demonstrating improved visibility.
  • Mobile & Desktop Speed: Achieved a 110% increase in mobile speed score and a 52% increase on desktop, as per Google PageSpeed Insights, highlighting significant speed optimizations.
  • Accessibility Score: Improved by 25%, reaching a 96/100 score, showcasing the site's user-friendly design.



Conclusion:

The comprehensive web redesign and Shopify migration for On Demand Tracking mark a significant leap in digital excellence for the GPS tracking and vehicle camera systems industry. By integrating strategic design, innovative technology, and user-centric principles, On Demand Tracking has not only revitalized its online presence but also set a new benchmark for customer engagement and e-commerce success. This case study underscores the transformative impact of meticulous digital strategy and execution in fostering business growth and customer satisfaction.

Initial Web Redesign Style Guide - On Demand Tracking



Long-scroll device mockups - Home Page and In-Vehicle Camera Systems Page - On Demand Tracking
Pre-Copy Wireframe with Section Layout Breakdown - Home Page - Desktop and Mobile Viewports - On Demand Tracking
Hi-Fidelity Wireframes - Desktop and Mobile Viewports - On Demand Tracking



Partner With Chad
View Services

More Projects by Chad