Competenze collegate alle prove
Le pagine spiegano il passaggio da idea a prototipo e produzione; le schede progetto mostrano in quale lavoro quelle capacità prendono forma.
Progetto cliente · design e produzione
WhiteLabel
Un sito per spiegare design, tecniche produttive e portfolio.
- IL MIO RUOLO
- Project management, design e sviluppo
L’esigenza
WhiteLabel unisce progettazione, stampa 3D e fabbricazione digitale. Il sito doveva spiegare queste competenze a chi parte da un’idea o da un’esigenza produttiva, mettendo in relazione metodo, ambiti di applicazione e lavori realizzati.
L’intervento
Ho seguito project management, design e sviluppo. Ho organizzato il percorso in Portfolio, Competenze e Ambiti, con contenuti in italiano e inglese. Lo skeuomorfismo traduce il mondo degli oggetti nell’interfaccia: l’intro anima il marchio come materia che prende forma, mentre vetro satinato, riflessi e una pill con effetto lente danno profondità a menu e titoli introduttivi.
Il risultato del progetto
Il progetto comprende una homepage immersiva, pagine per design, prototipazione, produzione e AI to Product, e schede di portfolio con immagini, lavorazioni e crediti. Cookplay Rex Collection mostra come il sito distingua design di prodotto, modellazione 3D e ingegnerizzazione. Il mio ruolo riguarda la realizzazione del sito; i prodotti e i relativi contributi restano attribuiti ai professionisti indicati nelle schede.
Dentro il progetto
Un portfolio con attribuzioni
Cookplay, KEF e ReCircle Bench entrano nel portfolio con contesto, immagini e crediti. Il sito rende distinguibile il contributo di WhiteLabel nelle collaborazioni.
Skeuomorfismo da provare
Il retino dell’intro si ripete in loop; il vetro satinato si può regolare e la pill si trascina lungo le voci del menu, agganciandosi a quella più vicina: tre campioni dello stesso sistema visivo.
Interfacce e scelte visive
Materia e ottica diventano un linguaggio di navigazione. Il retino animato compone e dissolve il marchio; il vetro satinato conserva il legame con ciò che sta dietro; la lente ingrandisce e rifrange le parole nelle intro. Colori di sezione e superfici più sobrie lasciano leggibili testi, immagini e crediti.
Style book
Colori, caratteri e regole del progetto.
Colore e funzione
#FFFFFFPortfolio e pagine di progetto#191919Testo sulle superfici chiare#F6E330Pagina Competenze#EDF3F5Pagina Ambiti#203238Testo nella pagina Ambiti#142B31Fondo della scena inizialeTipografia
Modern Grotesk
Identità e dettagli dell’interfaccia
Aa 0123456789
Forma, materia, luce.
Inter
Intro, portfolio e testi
Aa 0123456789
Dal progetto al prodotto.
Composizione e utilizzo
L’intro come materia
Un retino di punti ricompone il marchio, lo mantiene leggibile e poi lo disperde, aprendo la scena del prodotto. L’animazione è saltabile e rispetta la preferenza di movimento ridotto.
Il vetro satinato
Sfocatura, trasparenza, bordo luminoso e riflessi interni simulano uno spessore. L’immagine resta percepibile sotto il materiale, senza diventare illeggibile.
La pill diventa lente
La capsula nelle intro attraversa le parole, le ingrandisce e ne rifrange i contorni. La stessa logica ottica rende riconoscibile la selezione nel menu.
Riferimenti: interfacce, identità e materiali del progetto.
Materia e luce, dentro l’interfaccia.
Tre campioni da esplorare: il retino dell’intro, il vetro satinato e la pill che diventa lente.
Il marchio prende forma
Il retino si addensa nei contorni del marchio, poi torna a disperdersi. La sequenza dell’apertura si ripete in un ciclo continuo.
Vetro satinatoWhiteLabel / Materia
Una superficie da guardare attraverso
Trasparenza, sfocatura, bordo e riflessi suggeriscono un materiale. Varia la satinatura e osserva l’immagine sottostante.
Clicca una parola o trascina la pill
Una pill con proprietà ottiche
Clicca una voce o trascina la pill per scorrere tra le parole, come nel menu di WhiteLabel. La pill segue il movimento lungo il menu e al rilascio si aggancia alla voce più vicina, ingrandendone il testo.
Campioni ricavati dai componenti originali del progetto. Con movimento ridotto, l’intro mostra il marchio senza animazione e la lente cambia posizione senza transizione.
Parliamo del tuo progetto
Indicami cosa vuoi realizzare o quale passaggio vuoi semplificare. Il primo confronto serve a chiarire obiettivi, priorità e informazioni necessarie per una proposta.
emanuele@cardinali.studioScrivimi su WhatsApp+39 329 154 6295Il tuo progetto, in poche parole.
Puoi scrivermi anche se l’idea è ancora da definire. Dopo il messaggio ti risponderò via email per approfondire la richiesta e concordare il passo successivo.
Esplora lo studio
Un solo studio, più mondi. Dai un'occhiata anche agli altri servizi.
