Enterprise Sales CRM (Bulk Ordering)

Project Overview

This project replaced a deprecated desktop CRM with a fast web-based sales system designed for high-pressure, real-world ordering. The focus was clear: make bulk ordering faster, reduce friction, and keep teams operational even with unstable internet.

Impact

~$1M+

Sales influenced through CRM-driven ordering

Offline Ready

Order creation and sync supported in low-connectivity zones

High-Speed UX

Keyboard-first workflows optimized for field sales usage

Web Migration

Reduced dependency on legacy desktop tooling

The Problem

Business Reality

Desktop CRM was being deprecated.
Sales teams required a fast web replacement.
Order placement had to work in warehouses and factories.

Operational Constraints

Low and unstable internet in real-world usage.
Legacy SAP Hybris constraints.
Table-heavy interactions causing lag at scale.

Role & Ownership

I was the sole frontend developer and owned the full UI delivery end-to-end: interaction design, implementation, and frontend architecture decisions. I worked closely with product and backend teams to keep the CRM fast, usable, and reliable for field sales execution.

What I Built

1. Keyboard-First Ordering System

Designed key workflows around shortcut-driven interactions.
Reduced mouse dependency for high-frequency actions.
Optimized for speed under real sales pressure.

2. Zero-Scroll Interface Design

Kept critical order context in one viewport.
Eliminated scroll friction during bulk ordering.
Reduced cognitive load in fast-paced scenarios.

3. Bulk Order Builder

Built structure for rapid product and quantity operations.
Supported fast updates with immediate visual feedback.
Improved order accuracy during large-cart interactions.

4. Offline-First Execution

Enabled local order creation via service workers and storage.
Buffered actions safely until reconnect.
Synchronized data when connection was restored.

5. Real-Time Performance Optimization

Optimized table-heavy screens for instant response.
Shifted critical operations to hashmap-based O(1) access.
Reduced interaction lag across large order sets.

6. Frontend Architecture Improvements

Moved to page-level JS loading from global scripts.
Minified assets via WRO (CSS/JS).
Reduced code clutter and improved maintainability.

Delivery Model

What Made This Challenging

Legacy Stack Reality

Built inside JSP + jQuery constraints on SAP Hybris.

No Design Mocks

Designed and implemented UX directly in code.

Offline + Speed

Balanced resilience, clarity, and responsiveness together.

Outcomes

Enabled ~$1M+ in sales through CRM-driven ordering.
Replaced deprecated desktop workflows with scalable web operations.
Allowed uninterrupted work in offline/unstable environments.
Improved speed and efficiency of bulk order placement.