Cube ProEmotion

Con Cube ProEmotion lavoro dall'inizio della mia carriera, e per me sono una seconda famiglia. Ho cominciato con piccole email in HTML, poi i primi siti in HTML; da lì è nato un rapporto di collaborazione che non si è più interrotto. Negli anni ho sviluppato per loro i progetti più diversi: soprattutto landing page e siti promozionali temporanei legati alle loro campagne, ma anche applicazioni da usare su tablet durante gli eventi e diversi strumenti interni che i loro collaboratori usano ogni giorno. Il lavoro che presento qui è il loro sito, sviluppato in Nuxt.js sulla grafica creata dall'agenzia.

Il cliente

Cube ProEmotion è un'agenzia di comunicazione nata a Roma nel 2005 che integra strategia e creatività per costruire brand activation emozionali, out e in store, off e online. Si definisce esperta di shopper activation: progetta concorsi, promozioni, piani di loyalty, storytelling e iniziative di responsabilità sociale che uniscono il beneficio promozionale al valore emotivo della marca. In oltre vent'anni ha costruito centinaia di case history ed è certificata ISO 9001.

Architettura e tecnologie

Il sito è un'applicazione Nuxt.js. È la base che uso per i progetti in cui l'aspetto visivo conta molto: Vue permette di costruire ogni sezione come un componente isolato, con il suo markup, la sua logica e il suo stile, mentre Nuxt.js aggiunge il routing delle pagine, la generazione dell'HTML lato server per i motori di ricerca e il caricamento dei soli componenti che servono. Per un'agenzia che lavora sulle emozioni la prima impressione è parte del messaggio, quindi animazioni e illustrazioni dovevano convivere con un sito veloce e leggibile anche da telefono.

Il mio lavoro

Una grafica illustrata che resta leggera

La grafica dell'agenzia è ricca di illustrazioni, elementi animati e immagini dei progetti. Il mio lavoro è stato tradurla in componenti fedeli al disegno, facendo in modo che l'apertura animata e le sezioni illustrate non rallentassero la pagina e restassero coerenti su ogni larghezza di schermo, dal telefono al desktop.

Case history al centro

Il cuore del sito sono i progetti dell'agenzia: le case history scorrono in sequenza, ciascuna con la sua immagine, il tipo di attività e il racconto della campagna, accanto alle sezioni che presentano l'agenzia, il team e le competenze. Ho strutturato le pagine perché i progetti fossero il filo conduttore della navigazione, come lo sono nel modo in cui l'agenzia si presenta ai suoi clienti.

Il risultato

Il sito è la vetrina con cui Cube ProEmotion presenta il proprio lavoro, costruito su una base tecnica moderna che si può far evolvere senza rifarlo da capo. È anche il punto di arrivo, per ora, di una collaborazione cominciata con una semplice email in HTML e cresciuta negli anni fino agli strumenti che l'agenzia usa ogni giorno.