Sviluppo del sito web della Fondazione Prada in collaborazione con Ivo Bomio (design). Dal primo wireframe alla versione 23 responsive: sei giri di iterazione fino al design definitivo, costruiti su Bootstrap 4 con HTML5, CSS3 e JavaScript.
Sfida
Il progetto era in mano al designer Ivo Bomio, che aveva prodotto una prima proposta grafica per il sito. Servivano due cose: sviluppare front-end in modo pulito il design proposto e, soprattutto, tenere il passo con l'evoluzione della struttura — che nel corso del lavoro è cambiata parecchio prima di stabilizzarsi.
Il rischio classico di questi progetti a più mani è che ogni revisione del designer si traduca in un rifacimento traumatico del codice. Serviva un'impalcatura solida che permettesse di iterare sui contenuti e sul layout senza dover buttare via il lavoro fatto ogni volta.
Soluzione
Stack minimo e affidabile: Bootstrap 4 come griglia di partenza, HTML5 semantico, CSS3 custom sopra il framework, JavaScript vanilla per le interazioni. Nessuna dipendenza superflua, così ogni cambio di design da parte di Ivo si è potuto assorbire ritoccando solo il pezzo di codice interessato.
Il processo è stato per iterazioni: dalla proposta iniziale di Bomio (v0) fino alla versione definitiva (v23), passando per tappe intermedie — v6, v10, v14, v16, v18. Ogni giro affrontava un pezzo diverso: prima l'architettura delle sezioni, poi la gerarchia visiva, poi il responsive.
Risultato finale: un sito responsive che si vede bene su laptop e mobile, con la struttura richiesta dal designer implementata pulita in front-end e pronta per essere pubblicata dal team della Fondazione.