Overview

Sales Call Analyzer

A standalone HTML-based sales call analysis interface. Dark-themed UI with drag-and-drop file upload, rep name input, progress tracking, and tabbed results. A prototype for the full Lexington Capital call intelligence platform.

What It Is

A single 16KB index.html file that provides a polished upload interface for submitting sales call recordings. Users drag-and-drop audio files, enter the rep name, and get AI-powered analysis results in tabbed views.

Technical Profile

  • Single file: 16KB index.html
  • Theme: Dark mode with OKLCH colors
  • Accent: #6c5ce7 (purple)
  • Client-side form integrating with external API

User Flow

Upload AudioDrag & drop
→
Enter Rep NameText input
→
ProcessingProgress tracker
→
ResultsTabbed display

Tech Stack

HTML5 CSS (OKLCH colors) Vanilla JS Dark Theme
Interface

Upload Interface

A clean drag-and-drop upload zone with rep name input. Dark theme provides a professional, focused experience for sales managers reviewing calls.

Upload Components

  1. Drag-and-Drop Zone Large drop target with visual feedback — highlights on hover, shows file name when dropped. Accepts audio file formats.
  2. Rep Name Input Text field for the sales representative's name. Used in the analysis report header and scoring context.
  3. Submit Button Sends the audio file and rep name to the external API endpoint. Disabled until both fields are filled.
💡
Design choice: The dark OKLCH color scheme (#6c5ce7 accent) creates a modern, dashboard-like feel that matches the analytical nature of the tool. OKLCH provides perceptually uniform color stops for smooth gradients.
Processing

Analysis Flow

After upload, a progress tracker shows the analysis stages. The UI communicates each processing step to keep users informed during the wait.

Processing Stages

UploadingFile transfer
→
TranscribingSpeech-to-text
→
AnalyzingAI evaluation
→
ScoringScorecard generation

Progress Tracker

The UI shows a multi-step progress indicator that advances through each stage. Each step gets a checkmark when complete, and the current step pulses to indicate active processing.

  • Visual feedback — Animated progress bar and step indicators
  • Error handling — Clear error messages if processing fails at any stage
  • Auto-transition — Automatically switches to Results tab when analysis completes
⚠️
This is a client-side frontend that integrates with an external API for the actual transcription and analysis. The index.html handles only the UI — all heavy processing happens server-side.
Output

Results Display

Analysis results are shown in a tabbed interface — transcript, AI analysis, and scorecard each get their own tab for easy navigation.

Results Tabs

Tab Breakdown
Transcript Full text transcription of the sales call with speaker labels and timestamps
Analysis AI-generated analysis — strengths, weaknesses, key moments, objection handling, rapport building
Scorecard Structured scoring across multiple dimensions — opening, needs discovery, pitch, close, overall grade
💡
Relationship to Lexington Capital: This standalone analyzer is a prototype/companion to the full Lexington Capital Call Intelligence Platform, which adds persistent storage (Supabase), team management, historical tracking, and automated email reports.
🎉
Walkthrough complete! The Sales Call Analyzer is a 16KB standalone HTML interface for uploading sales call recordings and viewing AI-powered analysis results. Dark theme, drag-and-drop, tabbed results.