🖥️ Lavoro

Ecco una selezione di progetti che ho guidato o a cui ho contribuito, mostrando la mia esperienza nello sviluppo full-stack, nel commercio headless e nelle architetture web scalabili. Ogni caso di studio evidenzia la sfida, la soluzione e i risultati misurabili.


Legami E-commerce - Full Stack Developer / Front End Tech Lead

Teck stack:

Salesforce Commerce Cloud
TypeScript
React.js
Next.js
PandaCSS
Node.js
Express.js
Headless CMS integration
Oracle Cloude
Jira

Informazioni sul Progetto

Visit

Legami è un laboratorio creativo con sede in Italia, noto per i suoi prodotti unici di cartoleria e lifestyle. Il marchio enfatizza materiali di qualità e design accurato, rendendo i suoi articoli funzionali ed esteticamente piacevoli.

Ho affrontato la sfida di migrare da un’architettura legacy SFRA a una piattaforma più veloce e coinvolgente che potesse migliorare la visibilità SEO e l’esperienza utente. Ho guidato il redesign e la migrazione verso una soluzione headless Salesforce Commerce Cloud PWA Kit, garantendo scalabilità, accessibilità e integrazione fluida con il CMS.

legami website preview

Risultati Chiave

  • Riduzione dei tempi di caricamento delle pagine del 60%, favorendo interazioni piĂą rapide e maggiore potenziale di conversione
  • Miglioramento del posizionamento SEO, aumentando traffico organico e visibilitĂ 
  • Direzione dello sviluppo di componenti UI riutilizzabili integrati con Salesforce CMS per una manutenzione a lungo termine
  • Garantita conformitĂ  WCAG 2.1 e accessibilitĂ  cross-browser, ampliando la fruizione a tutti gli utenti

Moncler E-commerce - Full Stack Developer

Teck stack:

Salesforce Commerce Cloud
TypeScript
React.js
PandaCSS
Storybook
Contentstack CMS
Bitbucket
Jira
Confluence

Informazioni sul Progetto

Visit

Moncler è un marchio italiano di moda di lusso noto per i suoi capi di alta qualità, in particolare i piumini. Fondato nel 1952 a Monestier-de-Clermont, Francia, si è evoluto sotto la guida di Remo Ruffini dal 2003, espandendosi in un marchio globale di lusso con focus su design innovativi e collaborazioni.

Inizialmente cercava prove che l’abbandono dello storefront legacy SFRA potesse portare significativi miglioramenti di performance. Ho collaborato con il team per costruire un’applicazione single-page pilota utilizzando Salesforce Commerce Cloud PWA Kit, dimostrando come velocità e coinvolgimento potessero essere migliorati. Il successo di questo pilota ha portato Moncler a migrare completamente alla nuova architettura headless e successivamente a intraprendere un redesign completo della sua esperienza e-commerce con tecnologie moderne. Ho lavorato all’integrazione del CMS Contentstack e di componenti UI basati su Storybook, garantendo scalabilità, accessibilità e un’esperienza digitale premium in linea con il posizionamento di lusso del marchio.

anteprima sito moncler

Risultati Chiave

  • Raggiunti tempi di caricamento piĂą veloci del 40% per oltre 2 milioni di visitatori mensili
  • Aumento del posizionamento SEO del 25%, incrementando visibilitĂ  e traffico organico
  • Consegnato un redesign completo sfruttando architettura headless e componenti riutilizzabili
  • Integrato Contentstack CMS con componenti guidati da Storybook per mantenibilitĂ  e scalabilitĂ 
  • Migliorata la conformitĂ  all’accessibilitĂ , garantendo inclusivitĂ  su dispositivi e browser

Impakter SA - Full-Stack Developer

Teck stack:

TypeScript
React.js
Node.js
Express.js
GraphQL
MongoDB
Git
AWS
Jest
Cypress
CI/CD pipelines

Informazioni sul Progetto

Visit

Impakter SA, azienda focalizzata sulla sostenibilità, necessitava di una piattaforma scalabile per aiutare le organizzazioni a misurare e monitorare le proprie performance rispetto ai 17 Obiettivi di Sviluppo Sostenibile (SDGs) delle Nazioni Unite. La sfida era progettare un’interfaccia responsiva e accessibile per settori eterogenei, garantendo flussi di dati sicuri, componenti riutilizzabili e scalabilità di lungo periodo.

Ho contribuito allo sviluppo di una piattaforma scalabile di monitoraggio della sostenibilità costruendo applicazioni web responsivi e accessibili e creando librerie di componenti riutilizzabili che hanno migliorato efficienza e coerenza del prodotto. Ho implementato logiche backend sicure con flussi di autenticazione, validazione degli input e protezione delle API per salvaguardare i dati sensibili, applicando principi di sicurezza web per servizi distribuiti. Ho collaborato da vicino con designer, sviluppatori e amministratori di sistema per assicurare un’esecuzione tecnica allineata alla visione del prodotto, consegnando una piattaforma performante e sicura che ha permesso alle organizzazioni di misurare e riportare le performance di sostenibilità in modo più efficace.

anteprima sito impakter

Risultati Chiave

  • Consegnata una piattaforma scalabile di monitoraggio della sostenibilitĂ  allineata agli SDGs ONU
  • Migliorata l’efficienza di sviluppo tramite librerie di componenti condivise
  • Aumentata la sicurezza della piattaforma con autenticazione robusta e protezione delle API
  • Abilitato le organizzazioni a misurare e riportare le performance di sostenibilitĂ  in modo piĂą efficace
Vagner Fabricio | Full Stack Developer (React, Next.js, SFCC)