Herotel Sales Journey — Automated Customer Onboarding

Herotel, a major South African Internet Service Provider, needed to modernize their customer acquisition funnel to compete in an increasingly digital market. Their legacy signup process was fragmented and heavily dependent on manual callbacks, leading to high lead drop-off.

Devson built the Sales Journey Wizard, a state-of-the-art Vue 3 application that guides customers through a seamless 10-step flow from coverage check to final payment. The solution features a precise GIS-based map for real-time service availability and integrates directly with multiple payment providers.

The outcome was a total transformation of their digital sales channel: conversion rates jumped by over 14 percentage points, and the average time to complete a signup dropped from over 8 minutes to under 2 minutes. This automation allows Herotel to scale their customer base without a linear increase in support staff overhead.

We developed a 10-step guided wizard using Vue 3 (Composition API) and Tailwind CSS, focused on speed, reliability, and visual clarity.

Technical Highlights

• GIS-Powered Map Interface: Integration with Leaflet and custom GIS layers allows users to drop a pin on their exact location for instant, accurate coverage results.
• Session Persistence: Using Pinia, we implemented a robust state management system that persists across page refreshes or device switching.
• Smart Deep-Linking: Supports "Bootstrap Modes" where external links can pre-fill coordinates and skip steps for targeted marketing campaigns.
• Automated Verification: Custom OTP (One-Time PIN) flow verifies mobile numbers instantly, significantly reducing "junk" leads.
• Integrated Payment Flow: Handles New, Existing, and Agent accounts with multiple payment methods (Credit Card, Debit Order, EFT) in one cohesive final step.