Case study portfolio

AI Sales Chat per e-commerce collegata a HubSpot.

Una demo end-to-end per NordFit Store: un advisor AI che aiuta l'utente a scegliere attrezzatura fitness in base a obiettivo, spazio, livello e budget. L'interazione può avvenire via testo o voce, poi le conversazioni ad alto intento vengono trasformate in lead CRM.

9 prodotti
catalogo demo e policy
Testo + voce
input vocale e lettura risposte
HubSpot
contact, deal, task, note
nordfit-store-ai-advisor demo
Home gym compatta usata nella demo e-commerce NordFit Store.
// HTML · CSS · JavaScript · n8n · OpenAI · HubSpot

Problema reale

Molti utenti e-commerce non comprano perché non sanno quale prodotto scegliere.

In un catalogo tecnico, il visitatore confronta prodotti simili, ha vincoli di spazio o budget e spesso abbandona prima del checkout. Una FAQ generica risponde alle policy, ma non guida l'acquisto ne lascia al team sales un contesto utile per il follow-up.

Soluzione

Un assistente che consiglia setup, non solo risposte.

La demo NordFit Store mostra un widget integrato nello shop. L'assistente usa catalogo e policy, profila l'utente e propone un setup coerente invece di limitarsi a recuperare informazioni statiche.

[ 01 ]

Advisor prodotto basato su esigenze

Il frontend rileva obiettivo, spazio, livello e budget dal messaggio scritto o dettato. La logica assegna punteggi ai prodotti e propone alternative o accessori senza superare il budget senza segnalarlo.

  • Cardio, forza e accessori
  • Input vocale con Web Speech API
  • Ranking prodotti e setup consigliato
[ 02 ]

AI sales assistant vincolato al catalogo

n8n costruisce il prompt con knowledge base, cronologia chat, prodotto corrente e dati lead. L'output richiesto e JSON strutturato con intent, prodotto, setup, qualità lead e confidence.

  • Risposte solo da catalogo e policy
  • Blocco prompt injection
  • Niente stock o sconti inventati
[ 03 ]

Lead qualificato su HubSpot

Quando l'intento e alto, l'assistente chiede consenso e dati minimi. Il workflow prepara Contact, Deal, Task e Note con riepilogo conversazione, valore stimato e setup consigliato.

  • CRM solo con consenso privacy
  • Deal amount dal setup raccomandato
  • Task di follow-up basato su urgenza

Architettura

Dalla domanda prodotto al follow-up commerciale tracciato.

01

Shop demo

Catalogo statico, carrello demo, schede prodotto, quick view e widget chat integrato.

02

Advisor locale

JavaScript rileva preferenze, ranking prodotti, fallback locale, input vocale e lettura risposte.

03

n8n + OpenAI

Webhook normalizza payload, carica catalogo, invia prompt AI e valida output JSON.

04

CRM e follow-up

HubSpot riceve lead qualificati; email, log e manual review gestiscono esiti e fallimenti.

Utente e-commerce
NordFit Store demo
AI advisor widget
n8n Webhook
OpenAI + catalogo
HubSpot CRM

Proof of work

Cosa dimostra tecnicamente questo progetto.

Il valore non è solo la UI e-commerce. Il progetto mostra come collegare una conversazione consulenziale a un processo CRM controllato, con trigger chiari e casi limite documentati.

Consulenza prodotto

L'advisor non sceglie a caso: confronta obiettivi, spazio disponibile, livello, budget e prodotto corrente.

Setup e cross-sell

Quando possibile propone combinazioni come bike più tappetino o manubri più panca, calcolando il totale stimato.

Fallback demo

Se il webhook non risponde, il widget continua con una logica locale invece di interrompere l'esperienza.

Privacy by design

Email e telefono vengono richiesti solo dopo consenso e solo quando emerge intento commerciale reale.

Trigger CRM controllato

HubSpot viene attivato solo con consenso, email valida, intent quote_request o ready_to_buy, confidence almeno 0.70 e nessuna review manuale.

Output sales-ready

Il team riceve prodotto consigliato, valore stimato, urgenza, qualità lead e sintesi conversazione.

Oltre la demo

Casi limite gestiti prima di collegare un cliente reale.

01

FAQ semplice

Domande su spedizione, reso o garanzia ricevono risposta da policy senza creare opportunità CRM.

02

Confronto prodotti

Il sistema consiglia bike, rower, tapis, manubri o accessori in base ai vincoli invece di spingere sempre lo stesso articolo.

03

No consenso

Se l'utente lascia email senza consenso, il workflow non crea HubSpot e chiede conferma esplicita.

04

Prompt injection

Messaggi che chiedono di ignorare regole, inventare sconti o cambiare policy vengono trattati come input non affidabile.

05

Dati non disponibili

Stock, promozioni e disponibilità non presenti nella KB non vengono inventati; l'assistente propone ricontatto commerciale.

06

Errori HubSpot

Rate limit o API non disponibili devono produrre log, retry o manual review senza perdere la conversazione.

Stack

Strumenti usati nella demo.

Lo stack resta volutamente leggero: frontend statico per la demo, n8n come orchestratore, OpenAI per risposta e qualifica, HubSpot per pipeline commerciale.

Frontend demo

HTML, CSS, JavaScript vanilla, catalogo prodotti, carrello demo, chat widget, input vocale browser-native.

Advisor logic

Product scoring, estrazione preferenze, quick prompt, setup consigliato, fallback locale se il webhook non risponde.

AI workflow

n8n, OpenAI, output JSON strutturato, catalogo e policy come knowledge base, validation e manual review.

CRM e follow-up

HubSpot Contact, Deal, Task, Note, valore stimato del deal, email follow-up con Resend o SMTP.

Vuoi un sistema simile?

Posso adattare questa architettura a e-commerce, cataloghi B2B e richieste preventivo.

La demo usa attrezzatura fitness, ma lo schema funziona per settori dove il cliente deve scegliere tra prodotti tecnici, configurazioni, budget e follow-up commerciale.

Preferisci l'email? Scrivimi a luigi.scorzelli87@gmail.com