🎨 Frontend2026

ActionAid 5x1000 — Landing page con calcolatore interattivo

Landing page per la campagna 5x1000 di ActionAid, con calcolatore interattivo del valore della donazione, sistema di promemoria multi-canale e sviluppo interamente custom senza dipendenze esterne.

ClienteActionAid
AgenziaBlue Labs
Anno2026
TipoFrontend
Landing PageJavaScriptHTMLCSSResponsiveMobile-first
Landing page ActionAid 5x1000 con widget calcolatore interattivo

Il problema

ActionAid aveva bisogno di una landing dedicata alla campagna 5x1000 che spiegasse in modo chiaro e immediato il valore della donazione, riducesse l'attrito nella scelta e accompagnasse l'utente fino al momento della dichiarazione dei redditi. La pagina doveva funzionare in modo impeccabile su mobile, dove avviene la maggior parte del traffico di questo tipo di campagne.

La soluzione

Partendo dai mockup Figma forniti dall'agenzia Blue Labs, ho realizzato la pagina in codice custom senza ricorrere a framework o librerie esterne, mantenendo il bundle leggero e le performance elevate. Il cuore interattivo della pagina è il widget calcolatore del 5x1000: l'utente sposta uno slider sul proprio reddito annuale lordo e vede aggiornarsi in tempo reale il valore che la sua firma genererebbe per ActionAid. Il widget è stato progettato e ottimizzato per essere perfettamente fruibile da touch su dispositivi mobili, con gestione accurata del drag, snap sui valori e feedback visivo immediato. A corredo ho implementato il sistema di promemoria multi-canale (SMS, Email, WhatsApp), il mini-sondaggio di intenzione e la sezione FAQ espandibile.

Il risultato

Landing rapida, leggera e accessibile da qualsiasi dispositivo, con un widget calcolatore che trasforma un concetto astratto (la quota IRPEF) in un valore concreto e personale, aumentando l'ingaggio dell'utente e la probabilità di conversione.

Hai un progetto simile?

Parliamone — preventivo gratuito entro 24 ore.