Skip to content
← Back home

Systems Engineering Portfolio

I build operational systems, not static websites.

This page documents the architecture behind a production business platform built with Next.js, TypeScript, analytics, lead capture, search-focused content, and operational workflows for a real specialty retail business.

Next.jsTypeScriptAnalyticsSEOLead Intelligence

Lead Intelligence System

Engineering customer acquisition pipelines, not just websites.

The platform was designed to attract, qualify, and contextualize inbound customers through organic search, product exploration, behavioral tracking, and operational lead packaging.

Search Intent Captured

The visitor uses global search to reveal what they want, including products, brands, services, fittings, pain points, or custom build paths.

Result Clicked

The platform records which result matched the query, how many results appeared, and which product, service, or page the visitor selected.

Journey Tracked

Session path, device, browser, engagement time, scroll depth, referrer, and location context are captured as the visitor moves through the site.

Lead Captured

The visitor submits a form, turning anonymous search and page behavior into a structured inquiry with contact, message, and form context.

Intent Packaged

Search queries, clicked results, session behavior, customer actions, and form details are packaged into a Customer Intent Report.

Sales Conversation Enabled

The business receives a qualified lead with context, making the follow-up more specific, faster, and easier to connect to a future appointment, work order, or sale.

Why This Matters

Turning anonymous traffic into qualified operational leads.

Instead of receiving a basic contact form submission, the business receives contextualized lead intelligence including browsing behavior, engagement depth, session duration, product interest patterns, and acquisition source data.

Global Search & Intent Capture

A real site-wide search layer that helps visitors find products, services, fittings, brands, and build paths while capturing what they searched, what results appeared, and what they clicked before submitting a form.

Global SearchIntent CaptureNext.jsTypeScript

Analytics & Behavioral Tracking

Custom analytics systems for engagement tracking, modal interactions, form attribution, session behavior, search queries, clicked results, and customer intent analysis.

Google Analytics 4Custom TrackingSession DataTypeScript

SEO & Search Architecture

Structured metadata, dynamic routing, semantic product pages, high-intent landing pages, and search-focused architecture designed for long-term organic discovery.

MetadataJSON-LDOpen GraphSitemaps

Lead Capture & Inquiry Systems

Reusable modal systems, inquiry workflows, consultation requests, product/build forms, and guided conversion flows for premium service businesses.

ReactModal SystemsFormsResend

Lead Intelligence Emails

Operational email reports that combine customer messages with search behavior, session paths, engagement metrics, device data, and customer actions before submission.

ResendEmail TemplatesLead MetadataAttribution

Service-Commerce Platform Architecture

A repeatable non-cart commerce model for high-ticket service businesses where the conversion path is search, intent, inquiry, consultation, and sale.

Next.jsVercelOperational UXService Commerce

Production Lead Example

Real Customer Intent Report, safely anonymized.

This is a visual recreation of the production email output generated by the Mox platform. It shows how a normal form submission becomes a structured lead report with customer message, page context, device data, engagement metrics, session path, search behavior, and customer actions.

This section shows the business-facing result. The technical deep dive explains how the system collects session data, tracks search intent, aggregates metadata through the form submission, and renders the Customer Intent Report.

View Email Intelligence System Technical Deep-Dive →

Mox Multisport Online Submission

Online Form | Fitting Page

Submitted: Sunday, May 24, 2026 at 03:23 PM CST

Full Name: Alexander Whitmore

Email: alexander.whitmore@trwg.com

Phone Number: (312) 555-0184

Subject: Pinarello Dogma X Dream Build Consultation

Message:

Hello Mox, I’m starting to look seriously at a fit-first custom road bike build and wanted to schedule a consultation before I make any decisions. I found Mox while researching Pinarello Dogma X sizing, fit advice, and higher-end road bike builds in Chicago. The Dogma X is the bike I keep coming back to. I’m interested in something built around Dura-Ace Di2, carbon wheels, an integrated cockpit, and a clean endurance setup that would work well for long rides, travel, and faster group rides. I split time between Chicago, Aspen, and Europe, so I’d rather slow down and get the fit and build direction right before committing to a frame size or final spec. I’m especially trying to avoid guessing on the cockpit, reach, saddle position, and overall setup. I’d like help thinking through: - Dogma X sizing - Stack and reach - Bar width and stem length - Saddle position - Wheel and tire setup - Dura-Ace Di2 build options - Travel-friendly details - Timeline, availability, and deposit process I’m flexible on budget for the right bike and the right process. I’d rather do this correctly than rush into an expensive build that is close, but not quite right. Please let me know the best next step for a fitting and build consultation. Thank you, Alexander

Lead Intelligence

Customer Intent Report

Page behavior, engagement, and actions captured before this submission.

Page & Form

Submitted: Sunday, May 24, 2026 at 03:23 PM CST

Page: /fitting

Form: Online Form | Fitting Page

Device & Browser

Device: Desktop

Viewport: 1440 × 900

Browser: Chrome

Referrer: Google Organic

Location: Chicago, IL

Engagement

Time on Page: 6m 42s

Time on Site: 11m 18s

Scroll Depth: 87%

Session Path

/

/dogma

/bikes/road/pinarello-dogma-x

/products

/fitting

Search Queries

1. "dogma"

12 results

→ Clicked: "Pinarello Dogma Collection" position 1

Customer Actions

1. Opened global search

2. Searched "dogma"

3. Clicked "Pinarello Dogma Collection" (position 1 of 12)

4. Viewed Dogma landing page

5. Searched "pinarello dogma x sizing"

6. Clicked "Pinarello Dogma X Fit-First Build Process" (position 1 of 9)

7. Viewed Dogma X fit-first build content

8. Searched "dogma x dura ace"

9. Clicked "Pinarello Dogma X Custom Build Consultation" (position 2 of 7)

10. Viewed Road Bikes category

11. Viewed Pinarello product/build path

12. Navigated to Bike Fitting page

13. Opened fitting inquiry form

14. Submitted fit-first Dogma build inquiry

Production Focus

Building systems that operate beyond static websites.

My work focuses on creating production-grade platforms that support customer acquisition, lead intelligence, operational workflows, analytics visibility, conversion systems, and scalable frontend architecture for real businesses.

View Mox Platform →