Obys Agency progetta un sito web scuro e cinematografico per Glyphic Biotechnologies
Obys Agency, un'agenzia di design ucraina, ha sviluppato un sito web per Glyphic Biotechnologies che trasforma il sequenziamento proteico a singola molecola in un'esperienza visiva coinvolgente. La homepage presenta uno sfondo nero profondo con titoli bianchi sorprendenti, evitando illustrazioni scientifiche convenzionali in favore di modelli molecolari 3D semi-trasparenti che ruotano mentre gli utenti esplorano. Dati telemetrici chiave e dati di laboratorio sono evidenziati con accenti verde smeraldo. Il design utilizza una griglia modulare a dodici colonne con ampi margini; etichette monospaziate dettagliano specifiche coordinate proteiche e fasi di analisi lungo i bordi, completate da grandi titoli sans-serif sopra. Il layout impiega interlinea stretta e variazioni di peso strategiche per guidare i ricercatori attraverso intricate storie biologiche, con informazioni visualizzate su bande orizzontali separate per ridurre al minimo il sovraccarico cognitivo. Animazioni WebGL personalizzate raffigurano il proteoma oscuro in modo fluido, rispondendo ai movimenti del cursore e alla profondità di scorrimento, mentre le catene molecolari si dispiegano e si riassemblano dinamicamente, illustrando la complessa biochimica in modo interattivo. Transizioni fluide tra le sezioni sono migliorate da una sottile easing. Su dispositivi mobili, il design responsive adatta i modelli interattivi in schede compatte mantenendo la gerarchia tipografica e la continuità narrativa. Questo progetto esemplifica la chiarezza digitale e il design interattivo, con il design web completo accessibile su Behance.
Fatti principali
- Obys Agency, uno studio ucraino, ha progettato il sito web per Glyphic Biotechnologies.
- Il sito visualizza il sequenziamento proteico a singola molecola attraverso strutture molecolari 3D traslucide.
- Il design utilizza una tela nera ossidiana con titoli bianco osso e accenti verde smeraldo.
- Una griglia modulare a dodici colonne con etichette monospaziate contrassegna coordinate proteiche e fasi analitiche.
- Animazioni WebGL personalizzate reagiscono al movimento del cursore e alla profondità di scorrimento del viewport.
- Le catene molecolari si dispiegano e si riassemblano in tempo reale per spiegare la biochimica.
- Su mobile, i modelli interattivi sono riconfigurati in schede compatte.
- Il progetto completo è disponibile su Behance.
Entità
Istituzioni
- Obys Agency
- Glyphic Biotechnologies
- Behance
Luoghi
- Ukraine