[ { "slug": "besouth", "sigla": "BSO", "titolo": "BeSouth", "sottotitolo": "Web Design e citazioni latine", "cliente": "BeSouth", "disciplina": "Pagine e siti 3D", "settore": [ "green" ], "testo": "BeSouth—e la sua azienda madre—collaborano da tempo con Mares. Nell’abilità dell’azienda nel progettare; produrre e distribuire scarpe, Mares si è affidata a BeSouth per il design di una collezione nuova, supportata da una tecnologia—la Aquadrena che dà il nome ai prodotti—che permettesse un drenaggio rapido della suola attraverso la sola pressione dei passi. Visto il buon risultato che il design del sito stava promettendo, è nata l’idea di creare una sezione dedicata ai 3 modelli di scarpe Mares Aquadrena. Una sezione più contemporanea nello stile, quasi tecnologica, ispirata nell’impostazione visiva al design cyberpunk.", "riassunto": "Sito web per BeSouth, brand di abbigliamento e calzature di Vicenza, con una sezione 3D dal gusto cyberpunk per le scarpe Mares Aquadrena.", "citta": "Vicenza", "corpo": [ { "t": "p", "testo": "Qualche giorno fa ero seduto a un tavolo con Claudio. Ci siamo incontrati a Narni, nonostante lui viva a Vicenza, io a Roma. Claudio è l’Head of Design per BeSouth. Prima di essere la mente creativa dietro le produzioni dell’azienda vicentina, è stato un collega di università e una testa brillante con cui condividere idee. La stima è nata ai tempi dello IED." }, { "t": "p", "testo": "Dallo IED al progetto di Web Design realizzato per l'azienda è passato qualche anno. Nonostante non ci siano stati momenti per rivedersi nel frattempo, ha fatto estremamente piacere trovare una chiamata di Claudio nel momento in cui il brand—figlio di un’azienda che produce già da anni scarpe per Mares e Carrera, tra gli altri—ha avuto bisogno di un sito. «Ciao maschio, te progetti anche per il web, ve’?”» Questo progetto è cominciato così." }, { "t": "h2", "testo": "Brief, progettazione e il gusto per i feedback" }, { "t": "p", "testo": "La bellezza di ritrovare un collega designer in un progetto è quella di poter ottenere facilmente tutti i materiali di brief utili, tutte le informazioni di brand necessarie. E che i feedback sul progetto sono fertili e sempre accompagnati da “perché” accorti. Il che fa la differenza, nella mia esperienza." }, { "t": "foto", "foto": [ { "src": "img/casi/besouth/02.jpg", "alt": "giacca BeSouth, foto scattata da Didier Barontini", "w": 800, "h": 1200 }, { "src": "img/casi/besouth/03.jpg", "alt": "scarpe BeSouth, foto scattata da Didier Barontini", "w": 1200, "h": 800 } ] }, { "t": "p", "testo": "In fase iniziale di progetto, ci si è messi d’accordo per lo stile, le pagine, la struttura dei contenuti, le accortezze necessarie (come la scrittura della Privacy Policy, che ha redatto Matteo Miroddi)." }, { "t": "p", "testo": "Il design è stato lo step successivo, che ha preso tempo, più di quello immaginato, ma che ha portato alla produzione di un progetto frizzante, esteticamente coerente, e che ha aperto le porte da subito a una collaborazione." }, { "t": "h2", "testo": "Mares x BeSouth: il design per la collezione Aquadrena." }, { "t": "p", "testo": "BeSouth—e la sua azienda madre—collaborano da tempo con [Mares](https://www.mares.com/it_IT/). Nell’abilità dell’azienda nel progettare; produrre e distribuire scarpe, Mares si è affidata a BeSouth per il design di una collezione nuova, supportata da una tecnologia—la Aquadrena che dà il nome ai prodotti—che permettesse un drenaggio rapido della suola attraverso la sola pressione dei passi." }, { "t": "foto", "foto": [ { "src": "img/casi/besouth/04.jpg", "alt": "foto scattata da Didier Barontini", "w": 600, "h": 600 }, { "src": "img/casi/besouth/05.jpg", "alt": "banner in home page del sito", "w": 1400, "h": 750 }, { "src": "img/casi/besouth/06.jpg", "alt": "focus sul prodotto, screenshot del sito", "w": 1800, "h": 800 } ] }, { "t": "p", "testo": "Visto il buon risultato che il design del sito stava promettendo, è nata l’idea di creare una sezione dedicata ai 3 modelli di scarpe Mares Aquadrena." }, { "t": "p", "testo": "Una sezione più contemporanea nello stile, quasi tecnologica, ispirata nell’impostazione visiva al design cyberpunk." }, { "t": "h2", "testo": "Tertium non datur: dagli imprevisti al lancio del sito web" }, { "t": "p", "testo": "Creato il design, è stato il momento di concludere il progetto inserendo gli effettivi contenuti.Nello specifico, i contenuti fotografici, essenziali visto il settore dell’azienda." }, { "t": "p", "testo": "Organizzare lo shooting fotografico non è stato semplice, e ha messo il progetto di fronte a degli ultimi paletti di tempo e modalità che, se da una parte hanno chiesto lunghe giornate di lavoro e ricerca, dall’altra hanno fatto sì che il lavoro venisse concluso con cognizione di causa e in maniera ottima." }, { "t": "foto", "foto": [ { "src": "img/casi/besouth/07.jpg", "alt": "sezione del sito dedicata ai prodotti", "w": 1400, "h": 960 } ] }, { "t": "p", "testo": "Il 5 Gennaio 2023, di buona lena, sono stati fatti gli scatti per il sito. Puliti, leggermente sportivi, sobri: il lavoro di [Didier](https://didierbarontini.com/) ha complementato perfettamente il design del sito. Tempo di postprodurre il materiale e di adattarlo alla struttura del sito; di trasferire il design da Webflow a Wordpress e di sistemare le ultime accortezze che avrebbero reso l’esperienza del sito fluida: alla fine sono bastati una manciata di giorni per arrivare a mandare online [besouth.eu](http://besouth.eu)." }, { "t": "p", "testo": "Soddisfazione nostra come team sul progetto, soddisfazione dell’azienda come committente. Le lead attraverso il sito sono arrivate in poco tempo, e il sito web stesso è stato motivo di orgoglio condiviso." }, { "t": "p", "testo": "Quel “tertium non datur” che ha accompagnato le ultime fasi dell’organizzazione e del progetto è stato un mantra che ha sublimato il progetto in sé, e che personalmente mi è stato di morale per questioni che riguardano la pazienza, la disciplina e la disponibilità anche fuori dal lavoro.Me lo sono portato dietro e, con un sorriso leggero, è una delle massime che mi capita di ri-citare nelle conversazioni che ho Claudio.L’ultima volta che l’ho fatto è stato qualche giorno fa, a Narni, mangiando una Torta al testo." }, { "t": "h2", "testo": "‍" } ], "video": "", "link": [], "galleria": [], "immagine": "img/casi/besouth/01.jpg", "alt": "screenshot del sito nella versione mobile", "immaginiOrigine": [ "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f0cc3d2b13e46eeaf103cf_BeSouth%20-%20Immagine%20Prova.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89d8c311f233b13e03f96_pirolism-taccuino-besouth-didier-barontini-giacche.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89dbbe8c2470e72161281_pirolism-taccuino-besouth-didier-barontini-scarpe.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f856c1c5925765f9f7b03c_pirolism-servizi-fotografia-didier-barontini-besouth.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89dccdf321219bb572e5e_pirolism-taccuino-besouth-banner.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89dd6654e1592b21904cd_pirolism-taccuino-besouth-scarpa.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89de04b0edf4e638d8014_pirolism-taccuino-besouth-prodotti.png" ], "vecchiUrl": [ "/detail_taccuino/besouth-web-design" ], "data": "2023-01-05", "anno": "2023" }, { "slug": "casati", "sigla": "CST", "titolo": "Casati", "sottotitolo": "il gusto del bello", "cliente": "Casati", "disciplina": "Video e contenuti", "settore": [ "arte", "cibo" ], "testo": "Un Olio extravergine di ottima qualità e accessori per la tavola e per la casa dal fascino esotico e dal posizionamento elitario.", "riassunto": "Video, foto e comunicazione per Casati, olio extravergine e oggetti per la casa nati a Saludecio, in Romagna, tra design, arte e cucina.", "citta": "Saludecio", "corpo": [ { "t": "p", "testo": "Nel ‘900 della Venezia dei Carnevali, delle poesie di D’Annunzio e dell’avvento del Futurismo abbiamo conosciuto una donna che è stata musa e icona di un’Italia borghese, artistica, impetuosa e ribelle.Questa donna, la Marchesa Casati, è stata scelta da Elena Paolini, avvocato bolognese, come nome e immagine del brand fondato nella sua tenuta." }, { "t": "p", "testo": "Casati è un marchio che nasce sulle colline di Saludecio, in Romagna, tra alberi d’olivo fertili e un casale affascinante in cui sono state progettate bottiglie d’olio insolite, nell’idea di portare un “nuovo rinascimento” di raccordo tra il mondo del design e quello del food." }, { "t": "p", "testo": "Il brand produce un Olio extravergine di ottima qualità e accessori per la tavola e per la casa (come profumi per ambienti, piatti, ampolle e candele) dal fascino esotico e dal posizionamento elitario." }, { "t": "p", "testo": "Il dinamismo di Elena è il dinamismo del brand, motivo per cui ci siamo trovati frequentemente a parlare di nuove idee di prodotto e di evento, di nuove ipotesi di collaborazione per il brand e di esperimenti possibili." }, { "t": "foto", "foto": [ { "src": "img/casi/casati/02.jpg", "alt": "Card inserita nel packaging dei prodotti Casati", "w": 1314, "h": 1650 }, { "src": "img/casi/casati/03.jpg", "alt": "Shooting di Valentina Solfrini, Carnevale 2023", "w": 574, "h": 753 } ] }, { "t": "h2", "testo": "Coerenza visiva nella comunicazione e nei Social" }, { "t": "p", "testo": "Filo comune alle idee mai esauste è stata l’intenzione di dare carattere, eleganza ed estro alla comunicazione visiva del brand." }, { "t": "p", "testo": "Come successo anche in altre occasioni, lavori del genere riescono meglio in team: con il supporto di Francois Abramovici per la produzione video e con la cura sul progetto di Valentina Solfrini per la componente fotografica del brand, abbiamo costruito un’immagine solida ed elegante per un marchio con un potenziale insolito." }, { "t": "p", "testo": "Oltre che per la creazione di materiale di comunicazione tradizionali, Instagram è stata la piattaforma che più ha beneficiato di questi contenuti. Ne è nato un feed a cui guardo tutt’oggi con occhio soddisfatto, coerente nell’estetica, sobrio e a tratti originale." }, { "t": "foto", "foto": [ { "src": "img/casi/casati/04.jpg", "alt": "Shooting di Valentina Solfrini, Carnevale 2023", "w": 1280, "h": 1920 }, { "src": "img/casi/casati/05.jpg", "alt": "Prodotti Casati", "w": 1920, "h": 1280 }, { "src": "img/casi/casati/06.jpg", "alt": "Ampolla per l'Olio Casati", "w": 1280, "h": 1920 } ] }, { "t": "h2", "testo": "Far vivere la Casati attraverso l’Intelligenza Artificiale" }, { "t": "p", "testo": "Un po’ a mo’ di ciliegina sulla torta di quel dinamismo che citavo, è stata l’idea di implementare delle piccole narrazioni generate attraverso Stable Diffusion e Midjourney: nella forma di Reel creati tramite Intelligenza Artificiale, abbiamo reso viva la Marchesa Casati facendola diventare l’immagine del brand, lasciandola abbracciare i prodotti che a lei sono ispirati." }, { "t": "p", "testo": "In un progetto uroborico, è stato affascinante esplorare questo lato scuro, denso, artistico di un brand vicino tanto al design quanto al gusto del cibo." }, { "t": "p", "testo": "‍" } ], "video": "https://vimeo.com/860954584", "link": [], "galleria": [], "immagine": "img/casi/casati/01.jpg", "alt": "Render della Candela Casati attraverso Midjourney", "immaginiOrigine": [ "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f5dc2e522eea73c99a0339_pirolism%20-%20intelligenza%20artificiale%20-%20midjourney%20-%20Casati.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f5afad6921a8f13573e415_pirolism%20-%20Casati%20Lab%20-%20Logo%20Design.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f5fddf4006834d4d2a6587_pirolism%20-%20Casati%20Lab%20-%20Carnevale%201.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f5fdddc2124dbce9922e23_pirolism%20-%20Casati%20Lab%20-%20Carnevale%202.jpg", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f5fdfbcb1f1c2f3267f3fc_pirolism%20-%20Casati%20Lab%20-%20Prodotti.jpg", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f5fdd4726ca70c22616a38_pirolism%20-%20Casati%20Lab%20-%20Ampolla.jpg" ], "vecchiUrl": [ "/detail_taccuino/casati-il-gusto-del-bello" ], "data": "2023-07-01", "anno": "2023" }, { "slug": "fasoli-tiny-house", "sigla": "FTH", "titolo": "Fasoli Tiny House", "sottotitolo": "le sfide del Brand Design", "cliente": "Fasoli Tiny House", "disciplina": "Identità e marchi", "settore": [ "architettura", "tiny-house" ], "testo": "Le Tiny House sono un mondo che comincia a essere parlato e vissuto anche qui in Italia. Principalmente le usiamo a mo’ di casa-vacanze dentro scenari insoliti, ma la finestra del mercato immobiliare è in espansione. L’idea di vita off-grid, poi, sempre più affascinante. Con Giulia Fasoli abbiamo cercato di lavorare su questi macro-concetti, creando un apparato visivo e strategico che permettesse alla sua azienda, appena nata, di affacciarsi al mercato e di accedere ad alcuni finanziamenti.", "riassunto": "Marchio e strategia per Fasoli Tiny House, azienda appena nata: identità, icone, materiali e servizi per entrare nel mercato italiano delle tiny house.", "corpo": [ { "t": "p", "testo": "Le Tiny House sono un mondo che comincia a essere parlato e vissuto anche qui in Italia. Principalmente le usiamo a mo’ di casa-vacanze dentro scenari insoliti, ma la finestra del mercato immobiliare è in espansione. L’idea di vita off-grid, poi, sempre più affascinante." }, { "t": "p", "testo": "Con Giulia Fasoli abbiamo cercato di lavorare su questi macro-concetti, creando un apparato visivo e strategico che permettesse alla sua azienda, appena nata, di affacciarsi al mercato e di accedere ad alcuni finanziamenti." }, { "t": "foto", "foto": [ { "src": "img/casi/fasoli-tiny-house/02.jpg", "alt": "Brochure Fasoli Tiny House", "w": 1920, "h": 1440 }, { "src": "img/casi/fasoli-tiny-house/03.jpg", "alt": "Sistema Iconografico Fasoli Tiny House", "w": 1401, "h": 406 } ] }, { "t": "h2", "testo": "Questione di fondamenta: la sfida principale" }, { "t": "p", "testo": "In fase di ricerca, tra analisi del benchmark e delle dinamiche del settore, sono emersi i due grandi “pain point” che il brand avrebbe dovuto intercettare per creare un’offerta utile per il suo target: costruire una Tiny House in Italia è complesso—per burocrazie e dinamiche legali non definite—; e acquistarle richiede un investimento importante—abbastanza da scoraggiare un’alta percentuale di interessati." }, { "t": "foto", "foto": [ { "src": "img/casi/fasoli-tiny-house/04.jpg", "alt": "Brand Merchandise - T-Shirt Fasoli Tiny House", "w": 1054, "h": 850 }, { "src": "img/casi/fasoli-tiny-house/05.jpg", "alt": "Stationary - Biglietti da Visita Fasoli Tiny House", "w": 1337, "h": 898 }, { "src": "img/casi/fasoli-tiny-house/06.jpg", "alt": "Mockup preliminare sito web - Fasoli Tiny House", "w": 1347, "h": 864 } ] }, { "t": "p", "testo": "Per rispondere a questi due punti, è stato fatto con Matteo Miroddi uno studio oculato delle dinamiche legali riguardanti le Tiny House, con l’obiettivo di costruire consulenze e servizi a valore aggiunto per il target; insieme, è stata sollevata la necessità di creare un prodotto di facile costruzione, modulare, e perciò contenuto nei costi." }, { "t": "h2", "testo": "Il design a supporto della strategia" }, { "t": "p", "testo": "Il design del logo e delle sue applicazioni, il design del web e del materiale utile per gli eventi (come la Fiera di Parma a cui Giulia ha partecipato) sono stati elementi fondamentali della progettazione, ma di secondo piano rispetto al focus principale dell’obiettivo posto insieme al brand: imparare a dialogare con i clienti, saper negoziare, comprenderne i bisogni e offrire soluzioni utili." }, { "t": "foto", "foto": [ { "src": "img/casi/fasoli-tiny-house/07.jpg", "alt": "Stand Design per Fiera di Parma - Fasoli Tiny House", "w": 1920, "h": 1440 } ] }, { "t": "p", "testo": "Le lead intercettate per il brand sono state un buono supporto verso l’imparare come posizionare un’offerta e come saper dialogare con un potenziale cliente.Gli elementi di comunicazione disegnati per il brand hanno posto una base per iniziare questo dialogo." }, { "t": "p", "testo": "In questo senso, il design della comunicazione semplifica un processo, o lo mette in moto. L’abilità, la percettività, l’empatia permettono di mandarlo avanti. O, come si dice nel caso di un deal, chiuderlo." } ], "video": "", "link": [], "galleria": [], "immagine": "img/casi/fasoli-tiny-house/01.png", "alt": "Modello Tiny House PANGEA", "immaginiOrigine": [ "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f61ff280d4d83a40fb4cc3_Render%20Pangea%20PNG.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f620172342a176418fa59c_pirolism%20-%20fasoli%20tiny%20house%20-%20brochure.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f6202a849457fb585c0dd3_pirolism%20-%20fasoli%20tiny%20house%20-%20icon%20system%20.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f62035eae84ff6950d13da_pirolism%20-%20fasoli%20tiny%20house%20-%20maglietta.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f62043bf9e3d5ed8193f18_pirolism%20-%20fasoli%20tiny%20house%20-%20biglietti%20da%20visita.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f62070e65258b920089aed_pirolism%20-%20fasoli%20tiny%20house%20-%20website.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f620618d28e779fd7cf92d_pirolism%20-%20fasoli%20tiny%20house%20-%20stand%20design.png" ], "vecchiUrl": [ "/detail_taccuino/fasoli-tiny-house-le-sfide-del-brand-design" ], "data": "2022-11-30", "anno": "2022" }, { "slug": "fermento-brewery", "sigla": "FRM", "titolo": "Fermento Brewery", "sottotitolo": "dal Graphic Design a 2 medaglie d’oro", "cliente": "Fermento Brewery", "disciplina": "Identità e marchi", "settore": [ "cibo" ], "testo": "Vengo contattato per un video pubblicitario, lì per lì.\nStoria fatta breve, le necessità erano di portata diversa: diffusione del brand, reputazione, supporto alle vendite.\nStoria fatta breve: due anni dopo le sue birre nuove vengono premiate a Zurigo e a Francoforte.", "riassunto": "Grafica ed etichette per Fermento Brewery, birrificio artigianale in Svizzera: due anni dopo le sue birre vincono due ori e un argento.", "citta": "Svizzera", "corpo": [ { "t": "p", "testo": "Raffaele è di Roma anche lui, ma vive ormai da anni in Svizzera. Ha studiato all’estero, in Italia praticamente non ci è tornato. Ha un background da microbiologo e per questo, quando mi presenta [Fermento](https://www.fermento-brewery.com/en/)—il birrificio che ha fondato—sento sicurezza nel suo parlarmi dei dettagli organici e chimici dei suoi prodotti." }, { "t": "p", "testo": "Quando entriamo in contatto ha in produzione due birre, una [Pils](https://www.birraebirre.it/tipi-di-birra/pilsner/) e una [Amber Ale](https://www.birraebirre.it/tipi-di-birra/american-amber-ale/). Io all’epoca so poco e nulla delle birre, poco più di “mi piacciono le [IPA](https://www.birraebirre.it/birre-artigianali/ipa/), so cos’è il luppolo”." }, { "t": "p", "testo": "Ha bisogno di un video pubblicitario, lì per lì.Storia fatta breve, le necessità erano di portata diversa: diffusione del brand, reputazione, supporto alle vendite. Storia fatta breve: due anni dopo le sue birre nuove vengono premiate a Zurigo e a Francoforte." }, { "t": "h2", "testo": "Strategia dietro il Graphic Design" }, { "t": "p", "testo": "Capire di cosa abbia bisogno un brand per crescere non è semplice.La ricerca della risposta chiede tempo, confronto, apertura al cambiamento e soprattutto apertura all’idea di poter prendere direzioni non subito fruttuose.Alcune di queste saranno da scartare, altre da seguire.Dal mio lato, aiutare nella selezione di queste idee, mettermi nei panni del brand, conoscerne le risorse e le ambizioni è cosa necessaria. E stimolante." }, { "t": "p", "testo": "Su questo progetto specifico, è stata da scartare l’idea di continuare a investire su un vecchio [eshop proprietario](https://www.fermento-brewery.com/en/shop): [BrewDog](https://www.brewdog.com/uk) è un esempio di successo, ma non comparabile con l’esperienza e i presupposti di Fermento." }, { "t": "p", "testo": "Il posizionamento di Fermento (prodotto high-ticket, ma con diffusione locale e team ristretto alle spalle) non permette vendite dirette, online, che giustifichino l’effort." }, { "t": "foto", "foto": [ { "src": "img/casi/fermento-brewery/02.gif", "alt": "gif del design della nuova etichetta stagionale", "w": 1280, "h": 1920 }, { "src": "img/casi/fermento-brewery/03.jpg", "alt": "Fermento Brewery, conferenza Slowfood", "w": 680, "h": 730 } ] }, { "t": "p", "testo": "Piuttosto, focalizzare le vendite indirette esplorando maggiormente le dinamiche B2B è un’idea vincente e più redditizia, a parità di investimento." }, { "t": "p", "testo": "Vendere nei pub scredita l’idea di un prodotto high-ticket? No, bisogna però selezionare con cura i luoghi. I bar? Generalmente non attirano il target che stiamo cercando. I ristoranti? Hanno una diffusione del prodotto minore rispetto ai pub, ma sono un buon cliente aggiunto. Il [George Bar & Grill](https://www.george-grill.ch/) è stato uno di questi.Discorrere di queste dinamiche di posizionamento, nella mia esperienza, è stato più utile di qualsiasi artefatto comunicativo.Mi spiego meglio." }, { "t": "h2", "testo": "Pamphlet come tattica di un’ottica più ampia" }, { "t": "p", "testo": "Ridisegnare il pamphlet è una tattica di design, ma è più importante condividere e spiegare l’idea che un pamphlet è semplice materiale di comunicazione, e che il focus è il modo in cui può essere utilizzato in un’ottica di new-business." }, { "t": "p", "testo": "Quali ristoranti devono riceverlo? Quali pub? A che scopo? Vogliamo presentare le birre? Perfetto. Quanto focus diamo ai contatti? Come possiamo permettere a chi riceve il pamphlet di piazzare un ordine in maniera facile? Le birre che esperienza devono suggerire?" }, { "t": "p", "testo": "Sulla base di questa esplorazione siamo passati dal primo redesign del pamphlet (1) a esplorare un’idea intermedia, pulita e austera, nella logica di un materiale di comunicazione utile per il B2B (2)." }, { "t": "p", "testo": "Siamo arrivati poi, con soddisfazione, a un prodotto di design dinamico (3), originale, accattivante e che non ha avuto bisogno di sacrificare utilità o raffinatezza." }, { "t": "foto", "foto": [ { "src": "img/casi/fermento-brewery/04.jpg", "alt": "Liberica, post di promozione della vittoria agli swiss beer awards", "w": 690, "h": 860 }, { "src": "img/casi/fermento-brewery/05.jpg", "alt": "immagine per il blog Fermento", "w": 690, "h": 860 }, { "src": "img/casi/fermento-brewery/06.jpg", "alt": "rollup per eventi", "w": 1000, "h": 800 } ] }, { "t": "h2", "testo": "Dal Label Design all’idea vincente" }, { "t": "p", "testo": "Un prodotto buono lo si apprezza dal momento in cui lo si ha davanti.Per quanto uno possa discorrerne, i libri vengono giudicati dalla copertina e i prodotti su uno scaffale spesso sono scelti in base a etichetta e packaging." }, { "t": "p", "testo": "Per le nuove birre in produzione per Fermento è stato necessario disegnare delle nuove etichette." }, { "t": "p", "testo": "Alcuni paletti nella lavorazione (da quelli progettuali a quelli tecnici, come l’impossibilità di creare tagli e forme originali per via dei macchinari utilizzati in produzione) hanno portato alla scelta di un’etichetta semplice, lineare, distinta solo dalle nobilitazioni tipografiche che richiamano la qualità e il ticket del prodotto." }, { "t": "p", "testo": "Da questi paletti, come spesso succede però, nasce un’idea: nell’impossibilità di offrire al prodotto un design che gli renda giustizia, è necessario creare una reputazione che possa permettere al prodotto di avere comunque la sua visibilità.Se non possiamo puntare sull’asset fisico, per risorse e strumenti, puntiamo sulla reputazione." }, { "t": "p", "testo": "Da questo, l’idea di partecipare a premi che avrebbero potuto permettere alle birre Fermento di differenziarsi non tanto per come sono fatte, ma per come sono recepite. Recepite da un pubblico esperto. Come quello dello [Swiss Beer Awards](https://swissbeeraward.ch/?lang=it) di Zurigo e del [Frankfurt International Beer Trophy](https://www.frankfurt-trophy.com/en)." }, { "t": "foto", "foto": [ { "src": "img/casi/fermento-brewery/07.jpg", "alt": "mockup delle ultime etichette stagionali", "w": 800, "h": 1000 } ] }, { "t": "h2", "testo": "2 Ori, 1 Argento." }, { "t": "p", "testo": "L’idea funziona.Le birre Fermento vengono reputate ottime. Il brand recepito dai giudici in maniera positiva.La Liberica (Stout) viene premiata come seconda migliore della Svizzera, la 21 (Special) e la Mistral (Weiss) ricevono medaglia d’oro tra i prodotti di oltre 700 birrifici diversi." }, { "t": "p", "testo": "Oggi che guardo a ritroso il progetto son felice delle ore spese in chiamate Roma-Basilea tramite Whatsapp, dei momenti di esplorazione sulle possibili direzioni che il brand avrebbe potuto prendere, sulle tattiche che avevano priorità." }, { "t": "p", "testo": "Sempre in retrospettiva, sorrido a pensare che nel 2020 ho a volte pensato di non poter dare la mia sulle dinamiche di business e di direzione di comunicazione, credendo dovessi piuttosto relegare il mio servizio alla produzione degli artefatti di comunicazione.Aver avuto la premura di ascoltare le necessità, di disegnare insieme strade buone per un’azienda è cosa che, a oggi, mi fa sentire soddisfatto." }, { "t": "p", "testo": "A oggi, mi capita spesso tra l’altro di pensare che se non fosse per l’esperienza fatta con Fermento conoscerei un pezzo in meno di mondo e di business, e sicuramente sarei fermo al conoscere solo le IPA tra le birre." }, { "t": "p", "testo": "È stato uno scambio complesso, tumultuoso e fertile.Uno di quelli a cui si brinda volentieri." }, { "t": "p", "testo": "‍" } ], "video": "", "link": [], "galleria": [], "immagine": "img/casi/fermento-brewery/01.jpg", "alt": "Raffaele e Sara, premiazione degli Swiss Beer Awards", "immaginiOrigine": [ "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89ae2fced0e416fa0edc8_pirolism-taccuino-fermento-brewery-award.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89a27c6a27ada316c3b77_20220119---Fermento---Liberica---New-Label-GIF.gif", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89b5f6c7ee55269b59fd5_pirolism-taccuino-fermento-brewery-conference.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89b6c078f330fd9b05ad2_pirolism-taccuino-fermento-brewery-liberica-award.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89b88654e1592b2160e43_pirolism-taccuino-fermento-brewery-blog.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89b9432b00a1048423642_pirolism-taccuino-fermento-brewery-rollup.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89b9f5db7efad2617757c_pirolism-taccuino-fermento-brewery-mistral-etichetta-design.png" ], "vecchiUrl": [ "/detail_taccuino/fermento-brewery-dal-graphic-design-a-2-medaglie-doro" ], "data": "2023-08-01", "anno": "2023" }, { "slug": "loescher", "sigla": "LSC", "titolo": "Loescher", "sottotitolo": "Graphic Design per un manuale di botanica", "cliente": "Loescher", "disciplina": "Identità e marchi", "settore": [ "botanica", "editoria" ], "testo": "Le sovraccoperte sono la copertina rimovibile del libro, quella non rilegata. Servono per protezione e decorazione, hanno ali che permettono sia di reggerla al libro che di offrire informazioni sull’autore e sul testo.\nAvevo trovato un libro edito da Loescher, un manuale di botanica, splendido ma con la sovraccoperta stracciata.\nL'ho rifatta.", "riassunto": "Progetto personale: una sovraccoperta nuova per un manuale di botanica Loescher di oltre 50 anni fa, trovato stracciato a un mercato di Pesaro.", "commissionato": false, "corpo": [ { "t": "p", "testo": "Durante una trasferta di lavoro mi trovo a Pesaro.A Pesaro, la domenica mattina, c’è un mercato dell’usato e dell’antiquariato splendido, ricco, ricercato. Tra i vari banchi, ne trovo uno zeppo di vecchi libri. Tra i vari libri, ne trovo uno di più di 50 anni fa, con un fiore giallo in copertina." }, { "t": "p", "testo": "Un manuale di botanica, scritto da Pokorny nel 1946, edito da Loescher una trentina di anni dopo." }, { "t": "p", "testo": "Nonostante io non sia un appassionato della parte più tecnica della botanica, sfoglio il libro e lo trovo estremamente interessante, dettagliato e insieme conciso.In una digressione ordinata dai phylum alle specie che li compongono, il libro propone una visione colta e quadrata del mondo delle piante." }, { "t": "p", "testo": "Peccato solo per la copertina: vecchia, stracciata, ridotta in maniera pessima dal tempo.Più correttamente: peccato per la sovraccoperta." }, { "t": "foto", "foto": [ { "src": "img/casi/loescher/02.jpg", "alt": "", "w": 1200, "h": 800 }, { "src": "img/casi/loescher/03.jpg", "alt": "Prova di applicazione", "w": 800, "h": 1200 } ] }, { "t": "p", "testo": "Le sovraccoperte sono la copertina rimovibile del libro, quella non rilegata. Servono per protezione e decorazione, hanno ali che permettono sia di reggerla al libro che di offrire informazioni sull’autore e sul testo." }, { "t": "p", "testo": "Questa sovraccoperta è stracciata." }, { "t": "h2", "testo": "Il processo del Design" }, { "t": "p", "testo": "Tornerò a Roma, scannerizzerò l’illustrazione della Malva che troverò all’interno del libro, ridisegnerò gli elementi fondamentali della sovraccoperta.Prenderò misure e farò test di stampa, dando al design un tocco personale—nero e verde—e contemporaneo.Marco della Tipografia Giammarioli mi darà una mano a finalizzare il tutto e a portare in stampa il lavoro." }, { "t": "foto", "foto": [ { "src": "img/casi/loescher/04.jpg", "alt": "File aperto", "w": 800, "h": 1200 }, { "src": "img/casi/loescher/05.jpg", "alt": "Prova di stampa a confronto con l'originale", "w": 800, "h": 1200 } ] }, { "t": "h2", "testo": "Utile e apprezzato da Loescher" }, { "t": "p", "testo": "Ne risulterà un prodotto pulito, piacevole al tatto, visivamente accattivante, che troverà spazio sul canale instagram della Loescher e sulla mia libreria: lo tengo lì un po’ per soddisfazione, un po’ perché ritorno a quel testo con piacere quando ho bisogno di approfondire gli aspetti più tecnici di una pianta." }, { "t": "p", "testo": "‍" } ], "video": "https://vimeo.com/861679416", "link": [], "galleria": [], "immagine": "img/casi/loescher/01.png", "alt": "", "immaginiOrigine": [ "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f892648310875ecd8fd87a_pirolism-taccuino-loescher-pokorny-2.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89261896f2d68c95d41b1_pirolism-taccuino-loescher-pokorny.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f894c90c78e044c3b2f55a_pirolism-taccuino-loescher-pokorny-3.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f894cbb95f975874f7008c_pirolism-taccuino-loescher-pokorny-4.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f894cd7743258c22263951_pirolism-taccuino-loescher-pokorny-5.png" ], "vecchiUrl": [ "/detail_taccuino/graphic-design-per-un-manuale-della-loescher" ], "data": "2023-04-01", "anno": "2023" }, { "slug": "orto-botanico-di-roma", "sigla": "OBR", "titolo": "Orto Botanico di Roma", "sottotitolo": "il rebranding che mi auguro", "cliente": "Orto Botanico di Roma", "disciplina": "Identità e marchi", "settore": [ "botanica", "giardino", "orto-botanico" ], "testo": "Un Rebranding pensato per permettere a uno degli Orti Botanici più antichi del mondo di rifiorire.", "riassunto": "Proposta di rebranding non commissionata per l'Orto Botanico di Roma: un marchio nato dall'alloro, per uno degli orti botanici più antichi del mondo.", "citta": "Roma", "commissionato": false, "corpo": [ { "t": "p", "testo": "Ho capito di voler lavorare nel verde il 21 marzo del 2019, giorno del mio compleanno, quando sono entrato per la prima volta all’Orto Botanico di Roma.L’ho capito commuovendomi davanti al viale che porta alla fontana principale, tra le palme e la bellezza di piante solide e maestose." }, { "t": "p", "testo": "Quella stessa sensazione l’ho provata nei giardini di Valencia e di Padova, negli spazi verdi di Edimburgo, ma—come si dice—il primo amore non si scorda mai." }, { "t": "p", "testo": "Per questo vorrei poter curare il rebranding dell’Orto Botanico di Roma: per l’affetto che nutro per lui e, in secondo piano, perché credo ne abbia fortemente bisogno." }, { "t": "h2", "testo": "Un giardino in uno stile poco contemporaneo: il branding dell’Orto Botanico di Roma." }, { "t": "p", "testo": "L’Orto Botanico di Roma non ha un suo logo o una sua identità che lo separino da quella dell’istituzione a cui appartiene." }, { "t": "foto", "foto": [ { "src": "img/casi/orto-botanico-di-roma/02.gif", "alt": "Animazione del logo", "w": 886, "h": 1106 }, { "src": "img/casi/orto-botanico-di-roma/03.png", "alt": "Ticket", "w": 1247, "h": 800 } ] }, { "t": "p", "testo": "Tra i materiali di comunicazione dell’Orto non c’è una direttrice comune. Nei social, nel web è assente un Tono di Voce che lo identifichi o distingua." }, { "t": "p", "testo": "Il giardino è splendido, gli eventi validi, ma la comunicazione non rispecchia la forza del resto." }, { "t": "h2", "testo": "Il concept" }, { "t": "p", "testo": "Tra le piante simbolo della cultura classica—greca e romana—c’è l’Alloro—Laurus Nobilis—, che porta con sé, più della tradizione medica e culinaria, quella politica, atletica e poetica che parlano di una Roma grande e potente." }, { "t": "foto", "foto": [ { "src": "img/casi/orto-botanico-di-roma/04.png", "alt": "Logotipo a doppio colore", "w": 1238, "h": 800 }, { "src": "img/casi/orto-botanico-di-roma/05.jpg", "alt": "Lockup Primario del nuovo logo: marchio e logotipo combinati", "w": 780, "h": 800 }, { "src": "img/casi/orto-botanico-di-roma/06.png", "alt": "Esempio di linguaggio cromatico", "w": 800, "h": 760 } ] }, { "t": "p", "testo": "Tra i materiali che rappresetano questa grandezza e la storia di una Roma che ha conosciuto un giardino vaticano già nel 1200, l’oro." }, { "t": "p", "testo": "In questa premessa, diventa divertente e ricca di significato l’esplorazione tra l’alloro come pianta e l’oro come metallo nobile e principe." }, { "t": "p", "testo": "L’idea è quella di un Orto di ROma che si chiami ORO, come acronimo tra le due parole e come statement di brand.La preposizione al, per il moto a luogo, è parte dell’identità: diciamo andare al cinema, al Drink Kong, alla Rinascente, al vivaio." }, { "t": "p", "testo": "Andare \" all’oro\" diventa perciò un gioco di parole, un’associazione tra valori semplice e che permette insieme una riconoscibilità forte." }, { "t": "h2", "testo": "L’augurio" }, { "t": "p", "testo": "Questo progetto è dell’anno scorso.Quest’estate (2023) Oro ha inserito i suoi stand all’interno dell’Orto Botanico." }, { "t": "foto", "foto": [ { "src": "img/casi/orto-botanico-di-roma/07.png", "alt": "Marchio", "w": 800, "h": 800 } ] }, { "t": "p", "testo": "Non so come leggerlo questo fatto, ma scoprirlo mi ha fatto sorridere." }, { "t": "p", "testo": "La cosa che mi auguro è di poter sedere a parlare di questo branding con la direzione dell’Orto e di poter, un giorno, vedere un logo simile affianco al cancello di ingresso del Giardino di Roma." }, { "t": "p", "testo": "‍" } ], "video": "", "link": [], "galleria": [], "immagine": "img/casi/orto-botanico-di-roma/00-copertina.jpg", "alt": "Il marchio del Museo Orto botanico di Roma su una foglia d'alloro", "immaginiOrigine": [ "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f88f32107694fbb8e1f239_pirolism-taccuino-orto-roma-stationery.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f88c4cb1913ea1d2d12c3f_pirolism-taccuino-orto-botanico-roma-gif.gif", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f88f24ff596d3f91189246_pirolism-taccuino-orto-roma-ticket.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f88f27d88b9f7eba33964d_pirolism-taccuino-orto-roma-logotipo.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f88f1fb95f975874f04004_pirolism-taccuino-orto-roma-logo.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f88f2f0f0bf0789c7a4415_pirolism-taccuino-orto-roma-color-correction.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f88dd1a1645afd0fa431bd_pirolism-taccuino-orto-roma-marchio.png" ], "vecchiUrl": [ "/detail_taccuino/orto-botanico-di-roma-il-rebranding-che-mi-auguro" ], "data": "2022-11-01", "anno": "2022" }, { "slug": "vivai-mdb", "sigla": "MDB", "titolo": "Vivai MDB", "sottotitolo": "chi pianta due alberi per ogni albero tagliato?", "cliente": "Vivai MDB", "disciplina": "Pagine e siti 3D", "settore": [ "green", "riforestazione-ambientale", "vivaio" ], "testo": "Da una parte è greenwashing, dall’altra parte è una tattica salubre: ci sono aziende che per ogni albero abbattuto e utilizzato ne piantano due. La domanda è: chi li pianta i due alberi?", "riassunto": "Foto di prodotto ed e-shop per Vivai Mola della Badia, vivaio di Priverno (Latina) che coltiva piante autoctone per la riforestazione.", "citta": "Priverno", "corpo": [ { "t": "p", "testo": "Da una parte è greenwashing, dall’altra parte è una tattica salubre: ci sono aziende che per ogni albero abbattuto e utilizzato per farne prodotti ne piantano due. Penso a Ikea, in primis, quando si parla di questa soluzione." }, { "t": "p", "testo": "La domanda è: chi è che pianta i due alberi?" }, { "t": "h2", "testo": "Primi semi piantati: storia dei Vivai Mola della Badia" }, { "t": "p", "testo": "Pietro e Niussea aprirono il loro vivaio nel 1999. Bonificarono la zona in cui sorgeva, resero pulito lo stagno, installarono serre e sistemi di irrigazione.Intorno alla loro zona—siamo a Priverno, in provincia di Latina—ci sono diverse cave d’estrazione.All’esaurimento del processo, è necessario ripopolare con la flora giusta il sito.La riforestazione ambientale è il processo di re-infoltimento della flora autoctona nei contesti naturali che usiamo per la produzione industriale. Uno dei core business di Pietro e Niussea è questo." }, { "t": "foto", "foto": [ { "src": "img/casi/vivai-mdb/02.gif", "alt": "esempi di foto di prodotto per l'eshop", "w": 630, "h": 630 }, { "src": "img/casi/vivai-mdb/03.jpg", "alt": "Pietro in vivaio, foto scattata con Francesca Spedalieri", "w": 1920, "h": 1280 } ] }, { "t": "p", "testo": "Il secondo core business è nella vendita online, principalmente all’ingrosso, della stessa flora autoctona.Il canale ebay di Vivai Mola della Badia fu aperto nel 2006. Con successo. Oggi, quasi 20 anni dopo, quel canale vive in maniera florida. Le dinamiche di riforestazione, d’altra parte, risultano più complesse da intraprendere." }, { "t": "h2", "testo": "Fotografia di prodotto: dai primi scatti per ebay al database di 1300 piante" }, { "t": "p", "testo": "Da questa riflessione nasce l’idea di creare un eshop proprietario, così da poter permettere una vendita al dettaglio dellle piante migliori della nostra flora: dal Lentisco al Mirto, dalla Ginestra ai Cipressi." }, { "t": "foto", "foto": [ { "src": "img/casi/vivai-mdb/04.jpg", "alt": "esempio di design dell'eshop", "w": 800, "h": 800 }, { "src": "img/casi/vivai-mdb/05.jpg", "alt": "esempio di design dell'eshop", "w": 700, "h": 600 }, { "src": "img/casi/vivai-mdb/06.jpg", "alt": "esempio di design dell'eshop", "w": 800, "h": 800 } ] }, { "t": "p", "testo": "Io conobbi il Vivaio nel 2020, collaborai con Pietro nella realizzazione di fotografie di prodotto per il loro ebay.In una collaborazione in cui ci siamo scambiati in maniera prolifica nozioni botaniche e consigli sul marketing digitale—e che ha raggiunto uno step di qualità ulteriore da quando ho chiesto a Francesca se volesse darmi una mano con gli scatti, vista la sua abilità con l’editing delle foto di prodotto—siamo arrivati al 2023 con il progetto di questo nuovo shop e con un database di quasi 1300 prodotti tra Flora Mediterranea e autoctona, Flora Esotica, Semi comuni e rari." }, { "t": "h2", "testo": "Shopify? Facile. Il resto, più frizzante." }, { "t": "p", "testo": "Dopo alcune riflessioni sulle piattaforme possibili, Shopify è stato il player scelto per l’impostazione dello shop, sia per la flessibilità della piattaforma stessa che per la facilità con cui Pietro e il suo staff avrebbero potuto gestire il back-end del sito." }, { "t": "foto", "foto": [ { "src": "img/casi/vivai-mdb/07.jpg", "alt": "", "w": 1920, "h": 1280 } ] }, { "t": "p", "testo": "Il design del sito web non è stato complesso, mentre l’organizzazione dei prodotti in collezioni; la re-impostazione e l’ordinamento del database; la fase di testing relativa alla gestione degli ordini e dei ticket di spedizione sono sicuramente stati più laboriosi." }, { "t": "p", "testo": "Il sito web è ora online, il caricamento dei prodotti in corso d’opera con lo scopo di arrivare a rendere disponibili tutti i 1300 articoli." }, { "t": "p", "testo": "Ci sarà una nuova sfida a breve, con lo sviluppo dell’advertising—google e social—che permetterà allo store di ricevere traffico e richieste d’ordine. Nel frattempo, abbiamo festeggiato un lavoro ben riuscito, e cominciato a creare una strategia social che possa essere di appoggio per lo sviluppo futuro dello shop. Pare che il lavoro che stiamo facendo sui social stia già dando ottimi frutti." }, { "t": "p", "testo": "‍" }, { "t": "h2", "testo": "virale a costo 0" }, { "t": "p", "testo": "Se tiro le somme della mia esperienza lavorativa a oggi, posso dire serenamente che lo spirito di Pietro è quello per cui, professionalmente parlando, credo di nutrire più affetto e più stima: Pietro è un solido imprenditore, ed è un uomo genuino. Soprattutto, è una persona che sa lanciarsi nelle cose: aprì il [suo TikTok](https://www.tiktok.com/@vivaimdb) molti mesi prima che io e lui cominciassimo a parlare di Social Media e della possibilità di collaborare insieme sui suoi canali." }, { "t": "p", "testo": "In maniera accorta rispetto alle dinamiche di TikTok, ha creato da sé contenuti validi, interessanti e divertenti. Sapevo che lavorare insieme a lui sui Social sarebbe stato facile, ma sinceramente non mi aspettavo di raggiungere così presto—e senza spese in adv—certi risultati." }, { "t": "h2", "testo": "Instagram e tiktok @vivaimdb" }, { "t": "p", "testo": "I canali TikTok e [Instagram](https://www.instagram.com/vivaimdb/) sono quelli per cui creiamo contenuto da poco più di un mese. Gli stessi contenuti vengono riversati anche su [Facebook](https://www.facebook.com/vivaimdb/), ma le piattaforme di interesse principale sono queste due." }, { "t": "foto", "foto": [ { "src": "img/casi/vivai-mdb/08.jpg", "alt": "Preview del profilo instagram", "w": 900, "h": 600 }, { "src": "img/casi/vivai-mdb/09.jpg", "alt": "", "w": 540, "h": 960 } ] }, { "t": "p", "testo": "I video che produciamo sono principalmente di carattere informativo, sulle qualità e le storie di piante più o meno conosciute e sul modo corretto di mantenere e curare giardini e specie botaniche specifiche." }, { "t": "p", "testo": "Piccoli aneddoti, quiz e contenuti a quattro mani completano il calendario editoriale." }, { "t": "foto", "foto": [ { "src": "img/casi/vivai-mdb/10.jpg", "alt": "esempio di cover per i reel di instagram", "w": 800, "h": 1000 }, { "src": "img/casi/vivai-mdb/11.jpg", "alt": "esempio di cover per i reel di instagram", "w": 800, "h": 1000 }, { "src": "img/casi/vivai-mdb/12.jpg", "alt": "esempio di cover per i reel di instagram", "w": 800, "h": 1000 } ] }, { "t": "h2", "testo": "Risultati floridi" }, { "t": "p", "testo": "Storia fatta breve, il nostro contenuto migliore su TikTok ha superato le [60k visualizzazioni](https://vm.tiktok.com/ZGJta39Jf/), quelli migliori su instagram hanno raggiunto le [240k](https://www.instagram.com/reel/CvhvXBSP1Fd/) e le [70k](https://www.instagram.com/reel/Cv7Nmdqgx_F/)." }, { "t": "foto", "foto": [ { "src": "img/casi/vivai-mdb/13.jpg", "alt": "esempio di cover per i reel di instagram", "w": 800, "h": 1000 }, { "src": "img/casi/vivai-mdb/14.jpg", "alt": "esempio di cover per i reel di instagram", "w": 800, "h": 1000 } ] }, { "t": "p", "testo": "Partiti da canali molto piccoli (circa 300 follower), la crescita è costante, e promettente." }, { "t": "p", "testo": "Sponsorizzare i post aiuterebbe verso una crescita più rapida? Senz’altro. Lo faremo? Molto probabilmente, ma a tempo debito: per ora, l’investimento del brand è sullo shop." }, { "t": "p", "testo": "Nel frattempo, continuiamo a trovare spunti e nuove idee, per cercare di rendere i canali di Vivai MDB un buon punto di riferimento per la flora mediterranea e per le tecniche di cura del verde." } ], "video": "", "link": [], "galleria": [], "immagine": "img/casi/vivai-mdb/01.jpg", "alt": "Pietro e Niussea presso il loro vivaio, foto scattata con Francesca Spedalieri", "immaginiOrigine": [ "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f70311273ee0de389d83f2_pirolism%20-%20vivaimdb%20-%203.jpg", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f7049b59b07b13ac860661_pirolism%20-%20vivai%20mdb%20-%20foto%20prodotto%20-%20gif%20%40630px.gif", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f7033504028f698255747a_pirolism%20-%20vivaimdb%20-%202.jpg", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f856633934ea24a2a85b52_pirolism-servizi-eshop-vivai-mdb.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f887474d4922ee0eba2728_pirolism-servizi-web-design-vivai-mdb.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f85666fa04aafbd5f89d07_pirolism-servizi-eshop-vivai-mdb-2.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f7034058f8549356ec6818_pirolism%20-%20vivaimdb%20-%201.jpg", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f85704b953222f9c13d636_pirolism-servizi-social-media-vivai-mdb-1.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/659ada16c6ff554eb695e45e_Vivai%20MDB%20-%20Ottobre-8.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f896e78a3ddd3aa94a690e_pirolism-taccuino-vivai-mdb-reel-1.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f897029b585c2afd2aab64_pirolism-taccuino-vivai-mdb-reel-3.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f897059b585c2afd2aaf27_pirolism-taccuino-vivai-mdb-reel-4.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f89709c6bc3f66748580ef_pirolism-taccuino-vivai-mdb-reel-5.png", "https://uploads-ssl.webflow.com/64ee3412c01b8c30089a6ccc/64f8970d0c78e044c3b6219d_pirolism-taccuino-vivai-mdb-reel-6.png" ], "vecchiUrl": [ "/detail_taccuino/vivai-mdb-chi-e-che-pianta-2-alberi-per-ogni-albero-tagliato", "/detail_taccuino/vivai-mdb-virale-a-costo-0" ], "data": "2023-06-01", "anno": "2023" }, { "slug": "nbr", "sigla": "NBR", "titolo": "Nouveaux Ballets Russes", "sottotitolo": "Web design per una compagnia di balletto", "cliente": "New Generation Foundation", "ruolo": "Web design", "disciplina": "Siti web", "settore": [ "arte" ], "testo": "Il sito della nuova compagnia di balletto della New Generation Foundation, nata con il Teatro del Maggio. Online il 25 settembre, insieme alla rassegna stampa.", "riassunto": "Web design per Nouveaux Ballets Russes, la compagnia di balletto della New Generation Foundation a Firenze: un mese di lavoro, online a settembre 2026.", "citta": "Firenze", "corpo": [ { "t": "h2", "testo": "Un mese, con garbo e con cura" }, { "t": "p", "testo": "Inizio estate: con la fondazione stiamo lavorando a tre siti — [Fondazione](https://www.newgenerationfoundation.com/), [Mascarade](https://mascaradeopera.com/it) e [Festival](https://newgenerationfestival.org/) — e si decide di aggiungere due grandi blocchi, la musica sacra e il balletto. [Vox](https://voxmedicea.com/) va online a fine luglio, Mascarade a fine agosto. Per il balletto resta un mese, per pensarlo con garbo e con cura." }, { "t": "p", "testo": "L'idea di [Roger Granville](https://www.newgenerationfoundation.com/team/roger-granville): il suo gusto estetico, la gran cultura e la gioia di andare a cercare cose raffinate ma cariche di spirito e potenti. Da qui Bakst e Matisse." }, { "t": "foto", "foto": [ { "src": "img/casi/nbr/04-bakst.jpg", "w": 2000, "h": 1113, "alt": "Costumi di Léon Bakst con la prima prova di impaginazione" } ] }, { "t": "p", "testo": "Non tre direzioni di brand, ma tre visualizzazioni diverse di un'idea: la ballerina con il sipario, il paisley, la composizione geometrica. Il cliente ha scelto la composizione geometrica, e ne sono contento; la mia preferita — anche per il gioco d'animazione — era la ballerina disegnata in stile Bakst con i sipari che si allargano." }, { "t": "foto", "foto": [ { "src": "img/casi/nbr/05-sipario.jpg", "w": 2000, "h": 1250, "alt": "Visualizzazione con il sipario e la ballerina" }, { "src": "img/casi/nbr/02-composizione.jpg", "w": 1536, "h": 1024, "alt": "Composizione geometrica dell'hero" } ] }, { "t": "p", "testo": "Il lago con la luna: un modo interattivo ma delicato — scorrendo, la luna sale da dietro i cipressi. Il discorso pittorico non ha garbato a nessuno, e va bene così. L'animazione invece è rimasta, sviluppata in altre istanze come la parallasse. Tante chiamate per raccordare il gusto di tutti i decision maker, e schizzi a mano sopra gli screenshot." }, { "t": "foto", "foto": [ { "src": "img/casi/nbr/06-correzione.jpg", "w": 2000, "h": 1139, "alt": "Correzione a mano: la luna esce dai cipressi" }, { "src": "img/casi/nbr/07-correzione.jpg", "w": 2000, "h": 1139, "alt": "Seconda correzione sul percorso della luna" } ] }, { "t": "p", "testo": "La presentazione è andata bene, le reazioni sono state buone. Ne sono fiero — in generale." } ], "video": "", "link": [ { "nome": "Visita il sito", "url": "https://nouveauxballetsrusses.com/" }, { "nome": "Annuncio della fondazione", "url": "https://www.newgenerationfoundation.com/blog/nouveaux-ballets-russes---a-new-ballet-company-is-born" } ], "galleria": [], "immagine": "img/casi/nbr/00-copertina.jpg", "alt": "Una ballerina in tutù di piume dorate tra le quinte di un sipario, con Firenze sullo sfondo", "immaginiOrigine": [], "vecchiUrl": [], "data": "2026-09-25", "anno": "2026", "apertura": { "src": "video/nbr/01-sito.mp4", "webm": "video/nbr/01-sito.webm", "poster": "video/nbr/01-sito.jpg", "w": 1920, "h": 1080, "alt": "La home, dall'hero al piede" }, "breve": [ { "titolo": "Obiettivo", "testo": "Andare online il 25 settembre, in concomitanza con la pubblicazione del progetto e la rassegna stampa. Un progetto serrato nei tempi, ma splendido — banalmente splendido." }, { "titolo": "Sistema", "testo": "Un progetto bespoke su una struttura comune: cinque siti collegati a un unico database, dove il team modifica persone, eventi e news da un CMS su Payload." }, { "titolo": "Risultato", "testo": "Buone reazioni: il team contento dello stile e del modo del sito, la stampa che ha risposto bene." } ], "tendine": [ { "titolo": "Rassegna stampa", "voci": [ { "etichetta": "New Generation Foundation", "testo": "A new ballet company is born", "url": "https://www.newgenerationfoundation.com/blog/nouveaux-ballets-russes---a-new-ballet-company-is-born" }, { "etichetta": "Maggio Musicale Fiorentino", "testo": "Swan Lake coming to the Maggio", "url": "https://www.maggiofiorentino.com/en/news/comunicati/nouveaux-ballets-russes-lago-dei-cigni-1/" }, { "etichetta": "The Stage", "testo": "Xander Parish launches international ballet company", "url": "https://www.thestage.co.uk/news/xander-parish-launches-international-ballet-company-with-radical-new-swan-lake" }, { "etichetta": "Pointe Magazine", "testo": "A new company inspired by Ballets Russes", "url": "https://pointemagazine.com/xander-parish-to-lead-new-company-inspired-by-ballets-russes/" }, { "etichetta": "Gramilano", "testo": "A new Swan Lake in Florence", "url": "https://www.gramilano.com/2026/09/xander-parish-nouveaux-ballets-russes/" }, { "etichetta": "Dance Australia", "testo": "Xander Parish launches NBR", "url": "http://www.danceaustralia.com.au/news/xander-parish-launches-nouveaux-ballets-russes" } ] }, { "titolo": "Gli altri siti della fondazione", "voci": [ { "etichetta": "Fondazione", "testo": "New Generation Foundation", "url": "https://www.newgenerationfoundation.com/" }, { "etichetta": "Opera", "testo": "Mascarade Opera", "url": "https://mascaradeopera.com/it" }, { "etichetta": "Festival", "testo": "New Generation Festival", "url": "https://newgenerationfestival.org/" }, { "etichetta": "Musica sacra", "testo": "Vox Medicea", "url": "https://voxmedicea.com/" } ] }, { "titolo": "Social", "voci": [ { "etichetta": "Instagram", "testo": "@nouveauxballetsrusses", "url": "https://www.instagram.com/nouveauxballetsrusses/" }, { "etichetta": "Facebook", "testo": "nouveauxballetsrusses", "url": "https://www.facebook.com/nouveauxballetsrusses" } ] } ], "direzione": { "titolo": "Esplosione di sensazioni, struttura quadrata", "testo": "Un'interfaccia molto colorata, che dia un'esplosione di sensazioni. Sotto, una struttura che comunque rimane quadrata, con fondi pieni laddove possibile.", "scelte": [ { "titolo": "Interfaccia colorata", "testo": "Illustrazioni, paisley, velluto e oro: un'esplosione di sensazioni che arriva prima delle parole, come nelle scenografie di Bakst.", "media": { "img": "img/casi/nbr/03-paisley.jpg", "alt": "Il paisley di The inaugural production" } }, { "titolo": "Struttura quadrata", "testo": "Tutto quel colore poggia su una struttura che comunque rimane quadrata: angoli vivi, filetti sottili, righe a tutta larghezza.", "media": { "img": "img/casi/nbr/08-swan-lake.jpg", "alt": "La pagina Swan Lake" } }, { "titolo": "Fondi pieni, tipografia in scena", "testo": "Fondi pieni laddove possibile, per dare spazio alle scelte tipografiche, che in questo progetto sono state importanti.", "media": { "img": "img/casi/nbr/10-about.jpg", "alt": "La pagina About NBR" } } ] }, "interazioni": { "titolo": "Scena in movimento", "testo": "Volevo una maniera interattiva — ma comunque delicata — per presentare con un po' più di carica gli elementi del sito.", "clip": [ { "titolo": "Ingresso nella home", "spec": "all'apertura · 3 s", "forma": "grande" }, { "titolo": "Parallasse al cursore", "spec": "mouse · molla", "testo": "Forme geometriche in chiave contemporanea, legate ai colori e alle forme del brand, con un'ispirazione un po' a Kandinsky." }, { "titolo": "Linee, fiore, bagliori", "spec": "allo scroll · 3 s" }, { "titolo": "Tre bottoni", "spec": "hover · 420 ms", "forma": "terzo" }, { "titolo": "Menu sul telefono", "spec": "tocco", "forma": "terzo" }, { "titolo": "Caricamento", "spec": "prima visita", "forma": "terzo" } ] }, "sistema": { "titolo": "Sistema dietro il sipario", "testo": "Il branding è di [Duccio Melosi, Rifugio Studio](https://www.instagram.com/rifugiostudiofirenze/). Il mio supporto è stato incoraggiare una scelta coraggiosa — il logo, una palette così diffusa e ampia di colori, font insoliti rispetto ai linguaggi del brand contemporaneo tradizionale. Nel posizionamento alto della fondazione, una scelta giusta.", "fondo": "#590014", "inchiostro": "#F1DDB8", "colori": [ { "gruppo": "Brand book", "voci": [ { "nome": "Imperial Garnet", "hex": "#590014" }, { "nome": "Russian Crimson", "hex": "#82001A" }, { "nome": "Burnt Sienna", "hex": "#9E2104" }, { "nome": "Antique Gold", "hex": "#B77A1B" }, { "nome": "Safran Ochre", "hex": "#E47E00" }, { "nome": "Ivory Silk", "hex": "#F1DDB8" }, { "nome": "Deep Blue", "hex": "#03233C" }, { "nome": "Emerald Blue", "hex": "#003252" } ] }, { "gruppo": "Nel sito", "voci": [ { "nome": "Fondo pagine", "hex": "#640C0D" }, { "nome": "Velluto dell'hero", "hex": "#AA1919" }, { "nome": "Oro dei bottoni", "hex": "#B77E02" }, { "nome": "Ambra al passaggio", "hex": "#E4A64A" } ] } ], "caratteri": [ { "nome": "Canela", "ruolo": "Titoli grandi", "img": "img/casi/nbr/13-canela.webp", "w": 1600, "h": 389 }, { "nome": "Canela Condensed", "ruolo": "Titoli stretti, date", "img": "img/casi/nbr/14-canela-condensed.webp", "w": 1600, "h": 399 }, { "nome": "Basic Sans", "ruolo": "Testo, bottoni", "img": "img/casi/nbr/15-basic-sans.webp", "w": 1600, "h": 369 }, { "nome": "Copperplate", "ruolo": "Etichette, menu", "img": "img/casi/nbr/16-copperplate.webp", "w": 1600, "h": 263 } ], "regole": [ { "titolo": "Una curva", "testo": "Bottoni, fisarmonica e ingressi usano la stessa curva: parte svelta, si posa piano." }, { "titolo": "Una volta sola", "testo": "Caricamento e ingresso della home si vedono solo alla prima visita." }, { "titolo": "Meno movimento", "testo": "Con \"riduci movimento\" restano solo le dissolvenze; la parallasse si spegne sul touch." } ] }, "pagine": { "titolo": "Swan Lake in sei date", "testo": "La vetrina del progetto di balletto: la produzione di Swan Lake divisa in sei date, la compagnia, la fondazione.", "foto": [ { "src": "img/casi/nbr/08-swan-lake.jpg", "w": 2000, "h": 1250, "alt": "Swan Lake" }, { "src": "img/casi/nbr/09-company.jpg", "w": 2000, "h": 1250, "alt": "The Company" }, { "src": "img/casi/nbr/10-about.jpg", "w": 2000, "h": 1250, "alt": "About NBR" }, { "src": "img/casi/nbr/11-foundation.jpg", "w": 2000, "h": 1250, "alt": "Foundation" }, { "src": "img/casi/nbr/12-contact.jpg", "w": 2000, "h": 1250, "alt": "Contact" } ] }, "racconto_titolo": "Come ci siamo arrivati", "crediti": [ { "ruolo": "Web design", "nome": "Andrea Piroli, Terralism" }, { "ruolo": "Branding", "nome": "Duccio Melosi, Rifugio Studio", "url": "https://www.instagram.com/rifugiostudiofirenze/" }, { "ruolo": "Sviluppo", "nome": "Andrea Verrengia, Bianchina Studio", "url": "https://bianchina.studio/" }, { "ruolo": "Idea e riferimenti", "nome": "Roger Granville", "url": "https://www.newgenerationfoundation.com/team/roger-granville" }, { "ruolo": "Partner di produzione", "nome": "Teatro del Maggio Musicale Fiorentino" }, { "ruolo": "Riferimenti", "nome": "Léon Bakst, Henri Matisse, Vasilij Kandinskij" }, { "ruolo": "Strumenti", "nome": "Carta e penna, Figma, Claude, strumenti di generazione per gli scenari, GitHub, Payload, Cloudflare" } ] }, { "slug": "vox-medicea", "sigla": "VOX", "titolo": "Vox Medicea", "sottotitolo": "Web design per un ensemble di musica sacra", "cliente": "New Generation Foundation", "ruolo": "Web design", "disciplina": "Siti web", "settore": [ "arte" ], "testo": "Il sito di Vox Medicea, l'ensemble che riporta alla luce la musica sacra della Firenze dei Medici. Prima una landing in pochi giorni, poi il sito intero: online il 6 novembre.", "riassunto": "Web design per Vox Medicea, l'ensemble della New Generation Foundation che riporta alla luce la musica sacra della Firenze dei Medici.", "citta": "Firenze", "video": "", "link": [ { "nome": "Visita il sito", "url": "https://voxmedicea.com/" } ], "immagine": "img/casi/vox-medicea/00-copertina.jpg", "alt": "La luce entra di taglio nella navata di una chiesa fiorentina, col marchio di Vox Medicea. Foto © Marco Borrelli", "data": "2026-11-06", "anno": "2026", "breve": [ { "titolo": "Obiettivo", "testo": "Affiancare la comunicazione del debut album, in tempi strettissimi: a luglio una landing che dicesse che Vox non è nato ieri, a novembre il sito, per raccontare davvero la sua storia." }, { "titolo": "Sistema", "testo": "Un progetto bespoke sulla struttura comune della fondazione: un unico database e un CMS su Payload, da cui il team aggiorna eventi, news e programmi." }, { "titolo": "Pronto prima", "testo": "Ogni fase del sito è preparata in anticipo: quando arriva una data, il team della fondazione ha già tutto il materiale e va online in maniera molto facile." } ], "tendine": [ { "titolo": "Gli altri siti della fondazione", "voci": [ { "etichetta": "Fondazione", "testo": "New Generation Foundation", "url": "https://www.newgenerationfoundation.com/" }, { "etichetta": "Balletto", "testo": "Nouveaux Ballets Russes", "url": "https://nouveauxballetsrusses.com/" }, { "etichetta": "Opera", "testo": "Mascarade Opera", "url": "https://mascaradeopera.com/it" }, { "etichetta": "Festival", "testo": "New Generation Festival", "url": "https://newgenerationfestival.org/" } ] }, { "titolo": "Social", "voci": [ { "etichetta": "Instagram", "testo": "@voxmedicea", "url": "https://www.instagram.com/voxmedicea/" }, { "etichetta": "Facebook", "testo": "voxmedicea", "url": "https://www.facebook.com/voxmedicea" } ] } ], "direzione": { "titolo": "Raffinatezza di secoli fa, forza di oggi", "testo": "Una tipografia fuori dai canoni del web contemporaneo, cornici e glifi presi dalla Firenze del Rinascimento, dentro una struttura chiara che regge l'uso di tutti i giorni.", "scelte": [ { "titolo": "Bodoni sparato grande", "testo": "I titoli grandi in Bodoni, maiuscoli e sottili: la forza dei caratteri grandi di oggi, con una raffinatezza che parla di secoli fa.", "media": { "img": "img/casi/vox-medicea/10-next-events.jpg", "alt": "Next events nella home: il titolo in Bodoni, grande e sottile" } }, { "titolo": "Segni fiorentini", "testo": "Cornice ad arco, glifo a petali, freccia: disegnati sulle forme dei dipinti e delle decorazioni del Rinascimento fiorentino.", "media": { "img": "img/casi/vox-medicea/11-segni.jpg", "alt": "Where Vox has performed: il titolo in Bodoni e l'elenco dei luoghi coi rombi d'oro" } }, { "titolo": "Leggibile ogni giorno", "testo": "Optima per l'interfaccia e i titoli minori, Brother 1816 per il testo: il Bodoni resta dove fa effetto.", "media": { "img": "img/casi/vox-medicea/12-education.jpg", "alt": "Education: il titolo in Bodoni, le schede in Optima, il testo in Brother 1816" } } ] }, "interazioni": { "titolo": "Segni vivi", "testo": "I segni che ho disegnato per il sito, con le loro durate vere: girano qui come sul sito.", "clip": [ { "titolo": "La storia", "spec": "15 tappe · morph", "forma": "grande", "scena": "scene/vox-medicea/storia.html", "rapporto": "16 / 8", "telefono": "4 / 5", "testo": "Ogni tappa della storia di Vox ha il suo disegno: il manoscritto, il soffitto del Salone dei Cinquecento, la sagrestia di Santo Spirito, l'organo. Le illustrazioni riprendono le architetture e i simboli di ciò di cui la storia parla, né più né meno, e si trasformano l'una nell'altra.", "alt": "La storia di Vox Medicea: disegni a linee che si trasformano da una tappa all'altra" }, { "titolo": "La cornice che si disegna", "spec": "1,4 s", "forma": "grande", "scena": "scene/vox-medicea/cornice.html", "rapporto": "16 / 7", "telefono": "4 / 3", "testo": "Arco 1 + 5 + 1 e doppia cornice 1 + 4 + 1: un filetto d'oro traccia la forma, quello interno parte 150 ms dopo. Foto © Marco Borrelli.", "alt": "La cornice ad arco e la doppia cornice che si disegnano attorno a due foto" }, { "titolo": "Il glifo che scende", "spec": "passaggio · 250 ms", "forma": "meta", "scena": "scene/vox-medicea/glifo.html", "testo": "A riposo si vedono i petali; al passaggio il bottone si riempie di blu, il testo diventa oro e il glifo scende di 11 px.", "alt": "Il bottone principale con il glifo a petali" }, { "titolo": "Il binario con la freccia", "spec": "trascina · 1 px", "forma": "meta", "scena": "scene/vox-medicea/binario.html", "testo": "Nelle file di eventi e foto la freccia fa da maniglia su un filetto da 1 px. Foto © Marco Borrelli.", "alt": "Una fila di foto che scorre, con la freccia sul binario" } ] }, "sistema": { "titolo": "Un design system dal brand book", "testo": "Il branding è di [Duccio Melosi, Rifugio Studio](https://www.instagram.com/rifugiostudiofirenze/). Dal suo brand book ho scritto un design system per il web, adattando quello che serviva: token, componenti con i loro stati, schemi di pagina.", "fondo": "#00157f", "inchiostro": "#f8cc75", "colori": [ { "gruppo": "Brand", "voci": [ { "nome": "Blu Lapislazzuli", "hex": "#00157F" }, { "nome": "Rosso", "hex": "#720325" }, { "nome": "Oro", "hex": "#F8CC75" } ] }, { "gruppo": "Nel sito", "voci": [ { "nome": "Avorio della storia", "hex": "#FBF7EF" }, { "nome": "Oro dei filetti", "hex": "#C2973A" }, { "nome": "Oro per il testo", "hex": "#7F5D02" } ] } ], "regole": [ { "titolo": "Una cornice", "testo": "Una sola cornice ad arco per vista, un solo bottone principale." }, { "titolo": "Una curva", "testo": "Entrate e uscite con la stessa curva: parte svelta, si posa piano. Interfaccia in 150-250 ms." }, { "titolo": "Meno movimento", "testo": "Con \"riduci movimento\" restano le dissolvenze." } ] }, "pagine": { "titolo": "Dai pannelli alle pagine", "testo": "La landing di luglio era una pagina sola con i pannelli laterali; il sito si apre in pagine vere, ognuna col suo indirizzo. Qualche sezione, sullo schermo grande e sul telefono.", "foto": [ { "src": "img/casi/vox-medicea/20-support.jpg", "w": 1440, "h": 960, "alt": "Support, il blocco rosso" }, { "src": "img/casi/vox-medicea/21-education.jpg", "w": 1440, "h": 960, "alt": "Education" }, { "src": "img/casi/vox-medicea/22-tel-album.jpg", "w": 700, "h": 1400, "alt": "Debut album, sul telefono" }, { "src": "img/casi/vox-medicea/23-tel-galleria.jpg", "w": 404, "h": 808, "alt": "Gallery, sul telefono" }, { "src": "img/casi/vox-medicea/24-tel-pitti.jpg", "w": 400, "h": 800, "alt": "Palazzo Pitti, la scheda di un luogo sul telefono" }, { "src": "img/casi/vox-medicea/25-galleria.jpg", "w": 1440, "h": 960, "alt": "Florence Choral Course, la galleria" }, { "src": "img/casi/vox-medicea/26-staff.jpg", "w": 1440, "h": 960, "alt": "Florence Choral Course, lo staff" }, { "src": "img/casi/vox-medicea/27-venues.jpg", "w": 1440, "h": 960, "alt": "Where Vox has performed" }, { "src": "img/casi/vox-medicea/28-programmi.jpg", "w": 1440, "h": 960, "alt": "I due programmi di Education" } ] }, "racconto_titolo": "Come ci siamo arrivati", "corpo": [ { "t": "h2", "testo": "Musica che non si ascolta da secoli" }, { "t": "p", "testo": "Vox Medicea nasce da un progetto di ricerca fantastico e strano, sicuramente strano: quello di [Mark Spyropoulos](https://voxmedicea.com/about#artists), direttore del progetto, sulla musica sacra al tempo dei Medici. Non le cose famose, ma vita vera fiorentina, mottetti che non ascoltiamo da secoli, di un periodo storico che ha tanto, tanto da offrire. Oggi Vox è uno dei progetti della [New Generation Foundation](https://www.newgenerationfoundation.com/) e sta per pubblicare il suo debut album, Sacred Masterpieces of the Medici." }, { "t": "foto", "foto": [ { "src": "img/casi/vox-medicea/01-luce.jpg", "alt": "Una lama di luce nella navata, durante un concerto di Vox Medicea. © Marco Borrelli", "w": 2000, "h": 1344 } ] }, { "t": "h2", "testo": "Prima la landing, poi il sito" }, { "t": "p", "testo": "A fine luglio serve qualcosa online, in tempi strettissimi: una landing fatta in pochi giorni, appoggiata su Webflow, che dica che Vox Medicea non è nato ieri ma ha già una storia. Mancava però il modo di spiegarla, quella storia, e mancava l'album. Il sito chiedeva più tempo." }, { "t": "p", "testo": "Dal brand book ho scritto un design system per il web, preso quello che serviva e adattato allo schermo. Poi il wireframe: la pagina unica con i pannelli laterali si apre in pagine vere, ognuna col suo indirizzo. Una scelta di espansione." }, { "t": "h2", "testo": "Un Bodoni sparato grande" }, { "t": "p", "testo": "Il branding è di [Duccio Melosi, Rifugio Studio](https://www.instagram.com/rifugiostudiofirenze/), e anche questo è un branding particolare: una tipografia raffinata, fuori dai canoni del web design contemporaneo. Niente lineare bold: un Bodoni sparato grande, che tiene la forza dei caratteri grandi di oggi con una raffinatezza che parla di secoli fa, e porta verso altri mondi, perché il Bodoni naturalmente è moda. Un linguaggio tanto strano quanto forte." }, { "t": "p", "testo": "Il Bodoni sul web ha i suoi problemi, a partire dalla leggibilità: resta solo nei titoli grandi. Optima prende i titoli minori e l'interfaccia, Brother 1816 il testo: lineare, essenziale ma con carattere." }, { "t": "h2", "testo": "Segni dalla Firenze del Rinascimento" }, { "t": "p", "testo": "La cornice ad arco, il glifo a petali sotto i bottoni, la freccia del binario: segni che vengono dallo studio delle forme nei dipinti del Rinascimento fiorentino, da Pontormo a Leonardo, e dalle decorazioni dell'architettura di Firenze. Li ho disegnati io, perché mi servivano nel web." }, { "t": "p", "testo": "Lo stesso per le illustrazioni della storia: dopo diverse prove, con le date in verticale, le animazioni, un morph, riprendono le architetture e i simboli di ciò di cui ogni tappa parla. Né più né meno." }, { "t": "foto", "foto": [ { "src": "img/casi/vox-medicea/02-santa-felicita.jpg", "alt": "Il direttore e l'ensemble a Santa Felicita. © Marco Borrelli", "w": 2000, "h": 1334 } ] }, { "t": "h2", "testo": "Il sito più bello che un coro abbia mai visto" }, { "t": "p", "testo": "Online il 6 novembre. Se dovessi dire cos'è Vox: potenzialmente il sito web più bello che un coro di musica sacra abbia mai visto." }, { "t": "scena", "scena": "scene/vox-medicea/home.html", "rapporto": "16 / 10", "telefono": "4 / 3", "alt": "La home di voxmedicea.com", "credito": "Video © Vox Medicea" } ], "crediti": [ { "ruolo": "Web design", "nome": "Andrea Piroli, Terralism" }, { "ruolo": "Branding", "nome": "Duccio Melosi, Rifugio Studio", "url": "https://www.instagram.com/rifugiostudiofirenze/" }, { "ruolo": "Sviluppo", "nome": "Andrea Verrengia, Bianchina Studio", "url": "https://bianchina.studio/" }, { "ruolo": "Foto", "nome": "Marco Borrelli" }, { "ruolo": "Riferimenti", "nome": "Pontormo, Leonardo da Vinci, l'architettura fiorentina del Rinascimento" }, { "ruolo": "Strumenti", "nome": "Carta e penna, Figma, Claude, Webflow per la landing, GitHub, Payload, Cloudflare" } ], "banner": "img/casi/vox-medicea/00-banner.jpg" } ]