Andrea Cardinali è il CEO di Performize, nonché uno sviluppatore full-stack e un professionista delle Web Performance, rinomato in tutta Italia per il suo metodo SmartLoading™ e per i suoi corsi professionali di altissimo livello.
Andrea Cardinali è il CEO di Performize, nonché uno sviluppatore full-stack e un professionista delle Web Performance, rinomato in tutta Italia per il suo metodo SmartLoading™ e per i suoi corsi professionali di altissimo livello.
Nel 2021, Andrea ha la necessità di un logo personale che richiami in qualche modo gli altri due loghi coordinati già realizzati, ovvero Performize e Ecommerce Performante. Deve richiamare lo sviluppo (la sua professione), la velocità (la sua specialità) e l’impatto che questa ha sul business dei clienti (l’obiettivo).
Sempre nel 2021, mi richiede l’impaginazione di un Manuale Operativo per il suo corso “Ottimizzare i siti fa schifo… se non sai come farlo”. La volontà di Andrea è quella di renderlo una sorta di Diario di viaggio, che supporti la parte didattica e che dia la possibilità di prendere appunti. Deve essere facilmente aggiornabile nel tempo per le future edizioni del corso.
Ancora nel 2021, mi richiede l’impaginazione di un Lead Magnet sui Core Web Vitals e il design di alcuni grafici indispensabili per spiegare al meglio i concetti espressi. Il PDF generato doveva essere interattivo, con collegamenti applicati direttamente alla CTA e link di backup.
Nel 2025, Andrea necessita dell’impaginazione di un libro sulle Web Performance, con l’obiettivo di venderlo attraverso dei servizi di print-on-demand. Una parte del libro (dal prologo al primo capitolo) dovrà diventare anche un Lead Magnet di presentazione del libro.
LOGO
Pensando agli altri due loghi realizzati per Andrea, l’idea di mantenere il cerchio segmentato l’ho subito tenuta per buona. Rimaneva da stabilire che simbologia utilizzare per esprimere i concetti di developing, velocità e impatto. Sono partito dal presupposto che il cerchio segmentato (incapace di contenere il simbolo all’interno) poteva già essere la buona base per il concetto di impatto. Chiaramente, il simbolo sarebbe dovuto essere spesso e “ingombrante” per accentuare il concetto. Il concetto di developing l’ho identificato nei classici simboli maggiore (>) e minore (<) che, nel linguaggio informatico, rappresentano il coding. Lavorando sulla composizione di questi due elementi, ho ritenuto che si prestassero bene per formare una saetta, a rappresentare la velocità. Nonostante i tre concetti, di base, potrebbero risultare fin troppo semplici, nel complesso è venuto fuori un logo potente, comunicativo ed espressivo.
MANUALE OPERATIVO
Ho realizzato il manuale operativo partendo dalle slide che Andrea utilizza durante i suoi corsi. Due slide per pagina con un paio di righe sotto per prendere appunti. Ho curato l’intero processo di prestampa e stampa e i manuali sono arrivati direttamente ad Andrea che ha potuto, a sua volta, spedirli fisicamente a tutti gli iscritti al corso.
LEAD MAGNET SUI CORE WEB VITALS
A partire dalla copertina, ho cercato di parlare al pubblico di Andrea, ovvero altri developers o web designer interessati a capire come “domare” i Core Web Vitals di Google. Ho realizzato una serie di grafici che illustrano gli standard richiesti da Google, utilizzando colori e simbologie ricorrenti per migliorare l’usabilità dell’ebook.
LIBRO SULLE WEB PERFORMANCE
Premetto che la lavorazione di questo libro è ancora in corso, nel momento in cui scrivo. Il libro ha una struttura estremamente definita e prevede diversi tipi di sezioni: alcune di testo libero, altre intervallate da immagini, altre boxate. Fondamentalmente, il manuale di Andrea si rivolge a più target diversi e ha la necessità di rendere chiaro il processo di lettura, per quello che ho definito libro interattivo (può essere letto in più modi, a seconda delle proprie esigenze). Per questo ho sviluppato un design system, una palette di colori articolata e una gerarchia di font e stili curata nel dettaglio. Durante l’impaginazione si è reso necessario tirare fuori un Lead Magnet per iniziare la promozione dell’elaborato finale, cosa che ho fatto estraendo le pagine necessarie e modificandole, in alcuni dettagli, per lo scopo finale. Il file è stato esportato in PDF interattivo.
