Cyberpunk Redone

Cyberpunk Redone è un esperimento dal laboratorio di Dopamine Studio. Abbiamo ricostruito l'interfaccia del terminale di Cyberpunk 2077 come una vera esperienza web: una casella di posta per messaggi, una radio multi-stazione, un browser NET e un marketplace di veicoli AutoFixer.

Qui testiamo idee senza un brief del cliente. L'obiettivo era una riproduzione fedele: prendere un'interfaccia progettata per un mondo di gioco e farla sembrare esattamente reale per il web.

Dopamine ha costruito il tutto in Webflow. Un schermo CRT nero con neon, cornici HUD smussate, texture a scanline.

Qui non si parla di traffico o conversioni, ma di qualità dell’esecuzione. Quanto può arrivare un browser a sembrare un terminale di Night City, e cosa serve per mantenere viva quella sensazione lungo tutta l’esperienza.

‍

Drake Related

Questo è un progetto esplorativo, costruito per testare i nostri limiti piuttosto che un cliente.

Il riferimento è drakerelated.com, il sito ufficiale di Drake. Non è un negozio normale. È una casa 3D esplorabile dove ci si muove tra le stanze, si passa il mouse sugli oggetti sparsi all'interno e li si acquista sul posto. Arredamento e catalogo sono la stessa cosa.

Ci siamo posti un unico, impegnativo obiettivo: ricostruirlo fedelmente in Webflow. Non ispirato a. Non un vago omaggio. Le stesse stanze, la stessa estetica isometrica, le stesse interazioni "hover-to-shop", la stessa sensazione esplorabile, ricreato su una piattaforma che nessuno si aspetta possa ospitare un'esperienza del genere.

Dopamine ha costruito tre stanze, ha mappato ogni oggetto a un prodotto reale e ha lanciato il tutto su Webflow Ecommerce.

Quanto possiamo avvicinarci, su Webflow, a qualcosa che si ritiene possibile solo con un motore personalizzato?

Fallout Terminal

Abbiamo ricostruito il terminale di Fallout come una vera interfaccia web, con una mappa navigabile della New California Republic, un flusso di prenotazione del vault e una schermata delle statistiche S.P.E.C.I.A.L.

Il progetto è stato sviluppato in Webflow, con un’interfaccia monocromatica, glow CRT, tipografia a griglia e una logica da terminale rigorosa. Quattro schermate che portano quel mondo fittizio in una direzione nuova, più interattiva e concreta.

La domanda alla base è semplice: fino a che punto il web può avvicinarsi a un terminale RobCo del 2077, e cosa serve per mantenere quella sensazione coerente per tutta l’esperienza.

Visualizzatore Airpods Max

L’obiettivo era portare la visualizzazione 3D allo standard della fotografia da studio. Prendere un paio di cuffie e farle esistere nel browser come se fossero illuminate su un set reale: materiali realistici, riflessi controllati, e una scena generata istante per istante all’arrivo dell’utente. Niente render statici, niente pipeline fotografica.

La luce è tutto. L’alluminio non ha identità propria, riflette ciò che lo circonda. Se la luce funziona, il prodotto diventa premium. Se non funziona, perde credibilità e si riduce a una superficie anonima. Per questo abbiamo costruito un sistema di illuminazione dentro il browser, un set virtuale che anima i riflessi mentre l’oggetto ruota, tutto in real-time a 60fps.

Sette finiture, intercambiabili con un tocco senza ricaricare. Un'angolazione d'impatto ben studiata. Quanto può un browser avvicinarsi a una fotografia pubblicitaria?

Assistente Virtuale

Un avatar AI ti accoglie nello spazio e parla con te. Gli dici cosa conta davvero: una stanza per lavorare, luce al mattino, uno spazio dove il cane possa muoversi. L’avatar ascolta, ti guida tra le stanze e risponde mentre ti muovi da un ambiente all’altro. Non è un tour, è una conversazione con qualcuno che conosce la proprietà e cerca di capire davvero cosa ti serve.

Sviluppato internamente come ricerca e sviluppo.

La tecnica è la visualizzazione del prodotto, e l'asticella che abbiamo posto era la fotografia da studio. Prendi un paio di cuffie over-ear e fai in modo che un browser le renda come le fotograferebbe un fotografo, illuminate con intenzione, con il metallo che cattura i riflessi, il tutto generato in tempo reale nel momento in cui un visitatore arriva. Nessun fotogramma pre-renderizzato, nessun costo giornaliero, nessuno studio prenotato.

Tutto dipende dall'illuminazione. Il metallo non ha quasi colore proprio, quindi una superficie in alluminio è sempre e solo uno specchio dell'ambiente circostante. Illuminalo correttamente e apparirà come un oggetto di pregio prima ancora che si carichi una parola di testo. Illuminalo male e lo stesso modello sembrerà plastica grigia. Così abbiamo costruito uno studio all'interno del browser, un'attrezzatura da set cinematografico asimmetrica che proietta riflessi sul metallo mentre l'oggetto ruota, e l'abbiamo fatto girare con la rasterizzazione a sessanta fotogrammi al secondo, in modo impeccabile.

Sette finiture, intercambiabili con un tocco senza ricaricare. Un'angolazione d'impatto ben studiata. Un prodotto che fluttua nella sola luce.

Quanto può un browser avvicinarsi a una fotografia pubblicitaria, e può mantenere tale effetto per tutto il tempo in cui qualcuno gira l'oggetto tra le mani?