Portfolio case study

AI Sales Chat for e-commerce connected to HubSpot.

An end-to-end demo for NordFit Store: an AI advisor that helps users choose fitness equipment based on goal, space, level and budget. The interaction can happen by text or voice, then high-intent conversations become CRM leads.

9 products
demo catalog and policies
Text + voice
speech input and voice replies
HubSpot
contact, deal, task, note
nordfit-store-ai-advisor demo
Compact home gym used in the NordFit Store e-commerce demo.
// HTML · CSS · JavaScript · n8n · OpenAI · HubSpot

Real problem

Many e-commerce visitors do not buy because they are not sure which product fits them.

In a technical catalog, visitors compare similar products, have space or budget constraints and often abandon before checkout. A generic FAQ can answer policies, but it does not guide the purchase or leave sales teams with useful follow-up context.

Solution

An assistant that recommends setups, not just answers.

The NordFit Store demo shows a widget embedded in the shop. The assistant uses catalog and policy data, profiles the user and proposes a coherent setup instead of only retrieving static information.

[ 01 ]

Product advisor based on real needs

The frontend extracts goal, space, level and budget from written or spoken messages. The logic scores products and suggests alternatives or accessories without silently exceeding budget.

  • Cardio, strength and accessories
  • Voice input through the Web Speech API
  • Product ranking and recommended setup
[ 02 ]

AI sales assistant constrained to the catalog

n8n builds the prompt with knowledge base, chat history, current product and lead data. The required output is structured JSON with intent, product, setup, lead quality and confidence.

  • Answers only from catalog and policies
  • Prompt injection blocking
  • No invented stock or discounts
[ 03 ]

Qualified lead in HubSpot

When purchase intent is high, the assistant asks for consent and minimum contact data. The workflow prepares Contact, Deal, Task and Note with conversation summary, estimated value and recommended setup.

  • CRM write only with privacy consent
  • Deal amount from recommended setup
  • Follow-up task based on urgency

Architecture

From product question to tracked sales follow-up.

01

Demo shop

Static catalog, demo cart, product pages, quick view and embedded chat widget.

02

Local advisor

JavaScript detects preferences, ranks products, handles local fallback, voice input and spoken replies.

03

n8n + OpenAI

The webhook normalizes payloads, loads catalog context, sends the AI prompt and validates JSON output.

04

CRM and follow-up

HubSpot receives qualified leads; email, logs and manual review handle outcomes and failures.

E-commerce user
NordFit Store demo
AI advisor widget
n8n Webhook
OpenAI + catalog
HubSpot CRM

Proof of work

What this project proves technically.

The value is not only the e-commerce UI. The project shows how to connect a consultative conversation to a controlled CRM process, with clear triggers and documented edge cases.

Product consulting

The advisor does not choose randomly: it compares goals, available space, level, budget and current product.

Setup and cross-sell

When useful, it suggests combinations such as bike plus mat or dumbbells plus bench, calculating the estimated total.

Demo fallback

If the webhook does not respond, the widget continues with local logic instead of breaking the experience.

Privacy by design

Email and phone are requested only after consent and only when real commercial intent emerges.

Controlled CRM trigger

HubSpot is triggered only with consent, valid email, quote_request or ready_to_buy intent, confidence at least 0.70 and no manual review.

Sales-ready output

The team receives recommended product, estimated value, urgency, lead quality and conversation summary.

Beyond the demo

Edge cases handled before connecting a real client.

01

Simple FAQ

Questions about shipping, returns or warranty are answered from policies without creating CRM opportunities.

02

Product comparison

The system recommends bikes, rowers, treadmills, dumbbells or accessories based on constraints instead of pushing one item.

03

No consent

If the user leaves an email without consent, the workflow does not create HubSpot records and asks for explicit confirmation.

04

Prompt injection

Messages asking to ignore rules, invent discounts or change policies are treated as untrusted input.

05

Unavailable data

Stock, promotions and availability not present in the KB are not invented; the assistant offers sales follow-up.

06

HubSpot errors

Rate limits or unavailable APIs must produce logs, retry or manual review without losing the conversation.

Stack

Tools used in the demo.

The stack stays intentionally lightweight: static frontend for the demo, n8n as orchestrator, OpenAI for response and qualification, HubSpot for the sales pipeline.

Demo frontend

HTML, CSS, vanilla JavaScript, product catalog, demo cart, chat widget, browser-native voice input.

Advisor logic

Product scoring, preference extraction, quick prompts, recommended setup, local fallback if the webhook fails.

AI workflow

n8n, OpenAI, structured JSON output, catalog and policies as knowledge base, validation and manual review.

CRM and follow-up

HubSpot Contact, Deal, Task, Note, estimated deal value, follow-up email with Resend or SMTP.

Need a similar system?

I can adapt this architecture to e-commerce, B2B catalogs and quote requests.

The demo uses fitness equipment, but the same pattern works in sectors where customers need to choose between technical products, configurations, budgets and sales follow-up.

Prefer email? Reach me at luigi.scorzelli87@gmail.com