🏠 Home 💼 Portfolio 🛒 PrestaShop 📝 WordPress 🛍️ WooCommerce 🔧 Joomla 📱 App Mobile ⚙️ Tecnologie ✉️ Contatti
CASE STUDY E-COMMERCE + CONFIGURATORE Online

Code Eyewear

E-commerce di occhiali da vista e sole con configuratore lenti su misura sviluppato da zero: 8 step, oltre 40 opzioni, calcolo del prezzo in tempo reale e gestione integrata delle prescrizioni mediche dell'utente.

Code Eyewear - occhiali da sole
codeeyewear.it — la tua ottica online
8
Step configuratore
40+
Opzioni lenti
4
Tabelle DB dedicate
100%
Custom
€0
Plugin terzi per lenti
Il progetto

Cliente, brief e obiettivi

Cliente

CODE S.r.l.s.

Ottica online con sede a Napoli (Via San Carlo 26). Vende online occhiali da vista e da sole uomo, donna e accessori, con un focus sulla qualità delle lenti e sulla personalizzazione.

Brief

Vendere lenti su misura online

Il cuore di un'ottica non è la montatura: sono le lenti. Servivano un configuratore che permettesse al cliente di costruire la propria coppia di lenti — tipologia, materiale, indice, trattamenti, colore — e ricevesse il prezzo finale in tempo reale.

Vincolo

Zero plugin a pagamento

Il listino lenti, le regole condizionali e i prezzi sono asset strategici del cliente: niente moduli commerciali, niente dipendenze da provider esterni. Tutto controllato lato server, nel database del cliente.

L'approccio

Sfide tecniche e soluzioni implementate

Costruire un configuratore di lenti significa risolvere quattro problemi insieme: catalogo, regole, prezzo, integrazione con il carrello esistente.

Sfide

  • Catalogo lenti molto vasto Monofocali, progressive in 4 qualità, fotocromatiche, polarizzate, blue block, indici sottili, trattamenti, colorazioni: oltre 40 opzioni, ognuna con il suo prezzo e le sue condizioni.
  • Regole condizionali tra step Se l'utente sceglie "lenti progressive" deve apparire lo step "qualità Bronze/Silver/Gold/Platinum"; se sceglie "fotocromatiche" cambia la lista colori; se sceglie "monofocali" lo step qualità non si vede. Decine di regole intrecciate.
  • Prezzo finale in tempo reale Ogni click dell'utente cambia il totale: tipo lenti, materiale, indice, qualità, ogni trattamento singolo, colore. Tutto deve aggiornarsi nel riepilogo prima della scelta successiva.
  • Prescrizioni mediche da raccogliere Sfera, cilindro, asse, addizione per ogni occhio (OD/OS), distanza pupillare, eventuale upload del referto. Tutto deve viaggiare insieme all'ordine, in modo strutturato.
  • Integrazione con il carrello esistente Il sovrapprezzo lente deve apparire nel totale del carrello, nel riepilogo ordine e nella pagina pagamento, senza rompere le promozioni esistenti né la formula di calcolo standard.

Soluzioni

  • Architettura interamente database-driven 4 tabelle SQL custom (step, opzioni, regole, categorie). Aggiungere una nuova opzione lente significa una riga in tabella, non una riga di codice. Il listino è gestibile dal cliente.
  • Motore regole in DB Le condizioni "se scegli X allora salta Y / mostra Z / filtra W" sono record in una tabella dedicata, valutate al volo. Aggiungere una regola = una riga, nessun deploy.
  • Endpoint AJAX dedicato ad alta velocità Ogni cambio selezione triggera un fetch a un controller dedicato che bypassa il caricamento dello stack completo del CMS: risposta JSON in millisecondi con il nuovo prezzo aggregato (somma di tipo lente + materiale + indice + qualità + Σ trattamenti + colore).
  • Form prescrizione integrato Campi strutturati per OD/OS (sfera, cilindro, asse, addizione), distanza pupillare (totale + monoculare), upload allegato PDF/immagine. In alternativa il cliente può scegliere "invio dopo l'acquisto", salvando l'ordine senza bloccarsi.
  • Override del carrello con regola unica Il sovrapprezzo lente è iniettato nel totale carrello tramite override di Cart in PHP, propagato in tutti i punti chiave del checkout: totale, summary, riga prodotto. Una sola formula canonica, applicata ovunque.
Il cuore del progetto

Il configuratore lenti, passo per passo

8 step adattivi, oltre 40 opzioni, prezzo che si ricalcola ad ogni click. Tutto sviluppato da zero, niente plugin commerciali.

Come funziona

Il cliente parte dalla scelta del tipo di lente e segue un percorso che si adatta alle sue selezioni: ogni step può apparire o sparire in base a quanto ha già scelto prima. Alla fine del percorso ha una coppia di lenti completamente personalizzata, con prezzo trasparente, salvata e collegata all'ordine.

  • 📋
    8 step adattivi Tipo lente → utilizzo → prescrizione → materiale → indice → qualità → trattamenti → colore. Alcuni step si saltano in base alle scelte.
  • Calcolo prezzo dinamico Ogni click aggiorna il riepilogo. Formula: tipo + materiale + indice + qualità + Σ trattamenti + colore.
  • 🗄️
    Listino e regole in database Il cliente può aggiungere opzioni, modificare prezzi e regole senza toccare codice.
  • 👓
    Prescrizione strutturata Sfera, cilindro, asse, addizione per ogni occhio + PD totale e per occhio + upload referto. Oppure invio differito.
  • 🛒
    Salvataggio configurazione La scelta finale viene salvata e collegata al carrello in modo permanente, con tracciamento storico delle modifiche.
STEP 4 / 8 Materiale lente
Scegli il materiale
Più alto è l'indice, più sottili e leggere saranno le lenti.
Standard 1.50
Spessore base. Ideale per gradazioni leggere.
incluso
Sottile 1.61
Più sottile e leggero. Consigliato fino a ±4 diottrie.
+ €40
Super sottile 1.67
Massima riduzione spessore per gradazioni alte.
+ €69
Premium
Include AR, antigraffio, idro-repellente, antistatico.
+ €89
Totale lenti
€ 89 aggiornato live ad ogni click

Le tipologie di lente supportate

Tutte sviluppate come opzioni configurabili in DB, con prezzo base e variazioni per indice/qualità.

M
Monofocali
Da vicino o da lontano
da €49
P
Progressive
4 qualità: Bronze/Silver/Gold/Platinum
da €149
Fotocromatiche
Si scuriscono all'esterno
+ €79
Polarizzate
Anti-riflesso da superfici
+ €59
B
Blue Block
Filtro luce blu dispositivi
+ €39
T
Trattamenti
Antiriflesso, antigraffio, oleo, idro
da €19
Indici sottili
1.50, 1.61, 1.67
da €40
🎨
Colorazioni
Tinta unita, sfumata, specchiata, bicolor
da €19

Architettura sotto il cofano

Quattro tabelle, un endpoint AJAX, una formula di pricing. Tutto qui.

🗂️
lens_steps
Definizione degli 8 step del flusso
📐
lens_options
~40 opzioni con prezzi e descrizioni
🔀
lens_step_rules
Regole condizionali tra step
🏷️
lens_step_categories
Raggruppamenti e filtri opzioni
Sotto il cofano

Stack tecnologico

Tutto basato su strumenti open o controllati dal cliente. Nessun servizio SaaS, nessun vendor lock-in.

🛍️
PrestaShop
E-commerce base
⚙️
PHP
Backend custom
📜
JavaScript
Frontend dinamico
🔁
AJAX
Pricing live
🗄️
MySQL
Listino + regole
🔧
Override Cart
Pricing engine
📤
File upload
Referti medici
🎨
CSS3
UI configuratore
Risultati misurabili

Cosa abbiamo consegnato

40+
Opzioni in DB
Il cliente può aggiungere e modificare ogni opzione senza intervento sviluppo.
8
Step adattivi
Ogni step appare o sparisce in base alle scelte precedenti.
0
Plugin a pagamento
Listino, regole e pricing engine sono codice del cliente, niente abbonamenti SaaS.
100%
Prescrizioni strutturate
Ogni ordine di lente ha la prescrizione completa, pronta per il laboratorio.

Hai un prodotto da configurare?

Lenti, componenti tecnici, abbonamenti su misura, packaging custom: i configuratori prodotto sono il modo per trasformare un catalogo statico in un'esperienza di acquisto guidata. Parliamone.

📞 Richiedi un preventivo Vedi altri progetti