www.studiomass.com.au

We deliberately kept the overall user experience simple. We wanted to allow easy access to our portfolio and provide a concise amount of information about the studio.

The brand is restrained, only appearing in black/white, however, case study pages are completely taken over by each client\’s colour palette.

Layouts are designed to fill any screen size at the highest possible resolution. Static images, animation and interactive elements have been created in high fidelity vector where possible to suit retina screens and massive resolutions.

The layout has been thoughtfully designed so that it responds perfectly to different breakpoints and devices.

Within one week of launching the MASS website we got our first international new business lead. Two weeks later we were working on a new project for a Silicon Valley start up.

There is no doubt that the new MASS website has impacted the market\’s perception of the MASS studio. This is the first time we’ve showcased our work via a website that we can finally say is a good representation of what we do, who we are and what it\’s like to work with us.

Simplicity is achieved through restrained graphic language, a simple grid and a generous balance of negative space. The menu and logo mark expand on hover, implying the concept of ’mass’ or controlled using the a phone’s accelerometer.

While largely content managed, many surprises come from the interactive elements littered throughout; letters fall from the top of the ’Make it Break it’ page and can be thrown around the screen and users can play with an oversized toggle on the Momentum page.

Custom cursors indicate interactive elements, and perhaps the most unexpected is audio commentary providing further insights into our work.

The website uses audio commentary throughout; an unusual way of providing additional information about our portfolio. The MASS logo mark is auto generated and changes every time.

Fonts and the MASS logo ’bloat’ on hover, there are interactive surprises throughout the experience, the website has a completely responsive interface that works on all devices and the site is completely content managed.