LeadsUmbrella

1. Project Context

LeadsUmbrella operates a specialized lead management workflow tool for logistics, recruitment, and service delivery businesses. Their target users require rapid response speeds and clear, single-owner queues to prevent lead degradation.

2. Business / User Problem

Before the build, LeadsUmbrella's public presentation blurred together with standard marketing CRMs. The visual identity did not communicate the product's core focus on follow-up speed, and non-technical business prospects struggled to visualize how the system solved queue assignment chaos.

3. Salman Khan's Exact Role

Working directly as the founder and lead engineer, Salman Khan managed the following execution phases:

• Requirements discovery mapping target client workflows
• Information architecture and layout hierarchy definition
• Custom design system prototyping and UI engineering
• Next.js rendering setup and database state definitions

4. Constraints & Scoping Decisions

The project required a fast launch timeline. To minimize delivery risk, Salman isolated complex user settings out of the initial build, focusing scoping exclusively on three core pages: product features walkthrough, pricing tier calculations, and the request a demo workflow.

5. Technical Architecture

The frontend is built using Next.js App Router and TypeScript. Tailwind CSS v4 is used for styling. Framer motion is configured for layout animations. The pages compile statically to ensure high LCP scores.

6. Trade-offs and Lessons

**Performance vs Visual Depth**: Incorporating premium motion graphics (spotlights, grid overlays) can increase bundle size. Salman configured lazy loading modules for the animated elements below the fold, preserving a fast initial page speed index.