net magazine - - GALLERY | INSPIRATIONAL SITES - Ac­tive The­ory ac­tivethe­

This site for video game fran­chise Halo has such an ex­tra­or­di­nary nav­i­ga­tion struc­ture. The user moves through an in­tu­itive, timeline-esque view, with frac­tured pieces of Halo hel­mets act­ing as user en­gage­ments for the game.

“We used We­bGL par­ti­cles that use a 3D model to form the shape of the game char­ac­ters’ hel­mets, 3D CSS to an­i­mate in the pieces of user con­tent, and Can­vas to draw and an­i­mate the timeline at the bot­tom,” says Rachel Smith, in­ter­ac­tive de­vel­oper at Ac­tive The­ory. “It’s a good ex­am­ple of com­bin­ing web tech­nolo­gies de­pend­ing on what the in­ter­face needs.”

The mys­te­ri­ous shat­ter­ing and re­build­ing of el­e­ments could be dis­ori­ent­ing, but in­stead, feels com­pletely fluid. The slight tilt­ing of the user sto­ries, and even el­e­ments such as con­tact modals, unite the de­sign and mo­tion across ev­ery part of the site. The spa­tial at­mos­phere be­comes a lan­guage in it­self.

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.