Enterprise Health-Tech

Architecting a Custom Sales Automation System for a Leading Orthopedics Company

A comprehensive, end-to-end web system automating the entire client journey—from 3D pain mapping to payment processing—at under $20/month.

🎯 The Vision

A leading Brazilian orthopedics company needed to digitally transform its complex and manual sales process for custom orthopedic insoles. The vision was to create a comprehensive, end-to-end web system that could automate the entire client journey—from initial lead capture and 3D pain mapping to payment processing and shipping—all while operating at a remarkably low maintenance cost of under $20 per month.

⚡ The Challenge

The client's existing process was labor-intensive, relying on phone calls, emails, and manual data entry, leading to inefficiencies, potential for errors, and a disjointed customer experience.

The challenge was to architect a custom, centralized platform that could handle sensitive client data securely (in compliance with LGPD), provide an intuitive user experience on mobile devices, and scale effortlessly to handle thousands of simultaneous requests without incurring high infrastructure costs.

🔧 The Architected Solution

I engineered a sophisticated, serverless solution from the ground up, built on a modern edge computing architecture.

The core of the system is a multi-step, SPA-like form built with Vanilla JavaScript (ES6+). This lightweight approach ensures a lightning-fast and highly interactive experience for the end-user. One of its standout features is an advanced 3D pain mapping tool built with Three.js, allowing clients to pinpoint areas of discomfort on an anatomical model directly in their browser—a significant leap forward in user engagement and data accuracy.

The backend is powered by Cloudflare Workers, running on a global network of 300+ datacenters. This edge computing approach guarantees sub-50ms latency and automatic scaling. The API communicates with a Supabase (PostgreSQL) database, which features a clever hybrid storage system: it primarily uses the robust cloud database but includes an automatic in-memory fallback to ensure zero data loss, even if the primary database connection fails.

This entire ecosystem was architected to be modular, secure, and incredibly efficient.

System Architecture Flow

User

Mobile/Desktop

→

Frontend

Cloudflare Pages

→

3D Module

Three.js

→

API

Cloudflare Workers

→

Database

Supabase

✨ Key Features & Highlights

🎯

Advanced 3D Pain Mapping

An interactive WebGL interface using Three.js allows users to select over 30 precise points on a 3D human model, indicating pain location and intensity. This provides technicians with invaluable data for creating the perfect custom product.

Loading 3D Model...
📋

Intelligent Multi-Step Quoting Form

A seamless 6-step journey guides the user through providing all necessary information, from uploading medical prescriptions and foot photos to providing measurements and giving LGPD consent. The state is intelligently managed via LocalStorage for a smooth, uninterrupted experience.

1
Contact Info
→
2
Pain Mapping
→
3
Upload Docs
→
4
Measurements
→
5
LGPD Consent
→
6
Confirmation
📊

Comprehensive Admin Dashboard

A custom-built internal control panel provides the client with a full overview of their business. It includes real-time metrics, interactive charts (powered by Chart.js), and a complete budget management system with status tracking, filters, and quick actions.

Comprehensive Admin Dashboard
🔒

Robust Hybrid Storage System

The system was engineered for maximum reliability. In the rare event of a database failure, the API automatically falls back to an in-memory storage on Cloudflare's global network, guaranteeing that no lead or submission is ever lost.

Robust Hybrid Storage System

🚀 Tech Stack

Frontend
HTML5, CSS3, Vanilla JS, Tailwind

Lightning-fast, responsive interface optimized for mobile

3D Rendering
Three.js (WebGL)

Interactive 3D pain mapping with 30+ anatomical points

Backend
Cloudflare Workers

Serverless edge computing with sub-50ms latency globally

Database
Supabase (PostgreSQL)

Scalable cloud database with in-memory fallback system

Payments
Mercado Pago

Brazilian payment gateway integration (API structured)

Data Visualization
Chart.js

Real-time interactive charts for business analytics

📈 The Outcome

This project successfully automated over 90% of the client's manual quoting process, drastically reducing operational overhead and improving the customer experience. The custom-architected solution provides a scalable, high-performance foundation for the company's digital sales channel, all while maintaining an incredibly low operational cost.

⚠️ Confidentiality Note

Due to the sensitive nature of this enterprise project and our commitment to client confidentiality, the full data flow, internal business logic, and specific metrics have been simplified or omitted from this public case study.

"This project demonstrates our ability to tackle complex, industry-specific challenges and deliver highly efficient, enterprise-grade solutions from the ground up."

Do you have a complex challenge? Let's architect your solution.