Button&Wilde è un ecommerce realizzato con Magento 2 per la vendita di prodotti da bagrno (bagnoschiuma, creme etc) con la possibilità di personalizzare il flacone/barattolo con un messaggio e una foto, caricandola, utilizzando quelle del proprio account Facebook o Instagram o ancora crearla utilizzando come base foto o pattern vettoriali da personalizzare. Il sistema gestiva inoltre la creazione dell'etichetta in formato PDF ad alta risoluzione per la stampa (area di ritaglio compresa) e l'invio delle informazione necessarie al magazzino che se ne sarebbe occupato.
Per il progetto mi sono occupato, oltre di alcune modifiche necessarie a backend e frontend, principalmente alla realizzazione dell'applicazione web per la personalizzazione in tempo reale dell'etichetta utilizzando il framework javascript FabricJs.
Il progetto è stata una vera sfida ed ha richiesto la creazione di un sistema complesso per l'integrazione tra il catalogo magento e le diverse opzioni derivanti dai formati dei flaconi e delle diverse etichette (basate su modelli e maschere SVG adattati in tempo reale). La manipolazione di pattern vettoriali, la creazione di filtri basati su algoritmi trigonometrici per la gestione dell'aspetto tridimensionale del flacone e l'integrazione con Facebook e Instagram sono state probabilmente le sfide più impegnative del progetto.
La parte di backend relativa alla realizzazione dell'etichetta per la stampa gestita utilizzando ImageMagick a causa di alcune limitazioni intrinseche della libreria GD2 e FPDF per la manipolazione dei PDF è stata ugualmente complessa specialmente per la complessità di riportare in pdf quanto creato in un software javascript responsivo (quindi adatto ad ogni tipo di monitor o dispositivo).
Il mio ruolo in questo progetto è stato quello di Developer Technical Leader, sistemista e sviluppatore senior javascript e php.
Progetto Concluso
Committente: Appnova ltd