Configuratore barche da canottaggio per Filippi Boats

Filippi Boats costruisce barche da canottaggio da competizione. Una barca del genere non si prende dallo scaffale: si compone, pezzo per pezzo, sulle misure e sulle preferenze di chi ci andrà sopra. Questo configuratore serve a comporla online. Mi sono occupato del frontend.

Da dove si partiva

Da zero: nessun configuratore esistente, nessun dato da migrare. Il problema non era tecnico ma di percorso: tante variabili dipendenti l’una dall’altra, che in un modulo unico sarebbero state illeggibili.

Cosa ho costruito

Un percorso a passi, ognuno con il suo stato e le sue regole, che si chiude su un riepilogo. Quanti passi siano dipende dalla barca: si arriva fino a tredici, ma un’imbarcazione semplice ne salta diversi, perché le domande che non hanno senso per quella configurazione non vengono poste. È la differenza fra un configuratore e un modulo lungo. Le scelte lungo la strada:

• Tipo di barca: numero di atleti, presenza del timoniere e tipo di comando, attrezzatura
• Modello dal catalogo
• Carrelli e scalmi, con le relative configurazioni, coperture e opzioni
• Sedile, pedaliera e posizione della scarpa
• Deriva e aperture e altezze, con i valori minimi e massimi ammessi per quel modello e la possibilità di chiedere una misura personalizzata
• Colori su cartella RAL
• Accessori

Attorno al percorso ci sono le cose che lo rendono usabile da un’azienda che vende in tutto il mondo:

• Multilingua completo: non solo l’interfaccia, anche ogni voce di catalogo ha la sua traduzione, gestita dal backoffice
• Rivenditori e federazioni con i rispettivi paesi
• Configurazioni salvate e riprendibili in un secondo momento, con la funzione Duplica per comporre più barche partendo da una — quello che serve a un club che attrezza più atleti
• La richiesta si qualifica da sé: chi invia dichiara se è un privato, un club o una federazione, e l’invio arriva all’azienda come richiesta di preventivo
• Uscita in PDF, che è il documento su cui cliente e rivenditore si parlano
• Import ed export CSV dei dati di catalogo

La parte più delicata di un configuratore non è il catalogo: sono le dipendenze fra le scelte. Alcune opzioni ne escludono altre, alcune ne aprono di nuove, e l’utente non deve accorgersene se non quando serve.

Come si arriva

Dal sito filippiboats.com, voce di menu Configurazioni → Configura la tua barca. È online e in uso.

Tecnologie

Symfony 5 con Doctrine e Twig, EasyAdmin per il backoffice, mPDF per i documenti. Il mio lavoro è stato il frontend: HTML, CSS e JavaScript dentro i template Twig, e la logica di navigazione fra i passi.