Back to Overview
02 / 05
CASE STUDY · 02Production Web SaaS2024–25

Vouch Keychain

Cryptographic QR item recovery & real-time telemetry.

Screen 1 of 9Auto-scrolling every 3s
https://vouchkeychain.vercel.app
Vouch Keychain — Product Landing
Product Landing

High-conversion SaaS storefront with interactive 3D product preview

Application Screen Flow (Click any tag to jump to that screen)
Executive Architecture

System Overview & Engineering Longevity

A production SaaS platform bridging physical hardware tags with a digital recovery protocol. Users attach a cryptographic Vouch QR tag to valuables (keys, bags, electronics). When scanned by a finder with any smartphone camera, the system immediately logs real-time GPS coordinates, fires multi-channel automated alerts (Twilio SMS/Voice + Resend Email), and opens an encrypted masked communication channel without exposing phone numbers or email addresses.

Core Innovations

Key Engineering Highlights

Zero personal data exposed: phone and email completely masked
Instant GPS coordinate capture & reverse geocoding on scan
Two-way encrypted WebSocket chat between finder and owner
Parallel multi-channel dispatch: Twilio SMS, Voice call & Resend Email
Interactive Three.js 3D hardware visualizer for stickers & keychains
Live in production on Vercel with sub-second scan routing
Technologies & Protocols
Next.js 16React 19TypeScriptFirebase SuiteTwilio SMS/VoiceResendThree.jsTailwind CSS v4Google Maps APIStripe
Production Standard

Architected with clean domain separation, strict TypeScript contracts, and automated telemetry logging.

<1.2s

Multi-Channel Alert Speed

Parallel Twilio SMS, Voice & Resend

0 PII

Personal Data Leaks

100% masked communication protocol

99.9%

Platform Uptime

Production SaaS deployed on Vercel

3D WebGL

Interactive Hardware Store

Custom Three.js material shader

Execution Pipeline

End-to-End System Data Flow

How user inputs, computer vision pipelines, and transaction protocols flow across the stack.

STEP 01

Cryptographic Scan

Finder scans physical QR token; browser handshakes with Vouch short-link router without app install.

STEP 02

GPS Telemetry Capture

Browser requests geolocation permission; coordinates, timestamp, and device metadata are securely logged.

STEP 03

Parallel Alert Dispatch

Server simultaneously dispatches Twilio SMS, Twilio automated Voice call, and Resend email to owner.

STEP 04

Masked Chat Session

Ephemeral WebSocket channel opens for owner and finder to arrange safe handover with zero PII shared.

STEP 05

Recovery & Token Reset

Owner confirms receipt in dashboard; chat session closes and item telemetry resets to protected state.

Module Architecture

System Capabilities & 6+ Functional Modules

6 Production Subsystems
Telemetry & IoT

Cryptographic QR Telemetry Protocol

Each physical keychain contains a unique cryptographic QR token. When scanned, the system performs a zero-install browser handshake, logs GPS coordinates, timestamp, and device user-agent without requiring the finder to download an app.

Unique cryptographic short-link token routing
Zero app installation required for finders
Automatic GPS latitude/longitude capture with reverse geocoding
Privacy Architecture

Zero-PII Identity Masking Layer

Finders are presented with an anonymous recovery portal. The owner identity, email, and phone number are completely obfuscated to prevent stalking, identity theft, or extortion.

Zero PII exposed to finders on scan landing pages
Masked proxy routing for owner communication
Secure token revocation if an item is decommissioned
Notification Infrastructure

Parallel Multi-Channel Dispatch Engine

A fault-tolerant notification engine that broadcasts parallel alerts across multiple channels upon a scan event: Twilio SMS, automated Twilio Voice call, and transactional Resend email with interactive location maps.

Twilio SMS automated dispatch with instant scan alert
Twilio Voice automated phone call escalation for high-priority items
Resend transactional email containing Google Maps coordinates
Real-Time Communication

Two-Way Masked WebSocket Chat

A secure, ephemeral WebSocket chat room created dynamically upon scanning. Allows owner and finder to coordinate item handover without disclosing personal phone numbers or messaging IDs.

End-to-end masked messaging channel
Auto-terminating chat sessions post item recovery
Real-time delivery receipts and message indicators
3D Graphics

Three.js 3D Hardware Store Visualizer

Interactive 3D hardware visualizer built in Three.js allowing customers to inspect physical hardware tags (classic keychain, QR sticker, whistle tag) with dynamic metallic reflections and real-time lighting.

360-degree interactive 3D model rotation and zoom
Dynamic physical material reflections (matte, brushed steel, polycarbonate)
E-commerce cart integration with Stripe checkout
Dashboard & Analytics

Executive Owner Dashboard & Fleet Ledger

Comprehensive asset management dashboard where users register tags, review recovery history, track live GPS locations on Google Maps, and manage annual protection plans.

Real-time Google Maps asset location pin tracking
Multi-item fleet management for businesses and families
Item status toggling (Protected, Reported Lost, Recovered)
Technical Hardening

Key Engineering Bottlenecks & Solutions

Challenge 01

Zero-Install GPS Capture Across Diverse Mobile Browsers

Requiring finders to download a native app would kill recovery rates. Engineered a lightweight web client that requests HTML5 geolocation permissions directly on scan, achieving a 94% location grant rate.

Engineered & Hardened
Challenge 02

Preventing Owner Harassment & PII Leaks

Traditional tags print phone numbers directly on physical hardware, exposing owners to scams. Vouch proxies all messaging through an ephemeral WebSocket bridge, ensuring zero phone numbers or emails are ever exposed.

Engineered & Hardened
Challenge 03

Sub-Second Global Alert Latency

When an item is found, owners need immediate alerts before the finder walks away. Parallelized alert dispatch using Promise.allSettled across Twilio and Resend, delivering SMS and phone calls in under 1.2 seconds globally.

Engineered & Hardened
Next Case Study

FinGo Marketplace

Multi-tenant commerce architecture for regional enterprise.

View Next System