# Her, 270 Lonsdale Street

- Client: Her
- Type: Mobile, Website
- Technology: VueJS, Sanity, TypeScript
- Year: 2024
- URL: https://www.stateempire.com/work/her-270-lonsdale-street

In collaboration with [TCYK](https://tcyk.com.au/), we developed a vibrant and bold new website for HER in Melbourne, commissioned by HQ Group. The goal was a brave, and ostentatious online home that perfectly captures the essence of HER's unique atmosphere across multiple levels.

Inspired by Herbert Bayer's 1935 concept, 'Diagram of Extended Vision', drawing from this concept, the TCYK design team have immersed the viewer in the website, within a 360° field of multiple perspectives. The build itself presents an ethereal and abstract representation of the space. We've developed user interactive animatics, allowing the user to surround themselves in the space, while also easily getting an idea of today's plate and yesterday's pass.

TCYK's concept was a website that mimic'd both the buildings space, light and the distinct floors of each property under the 'Her' umbrella, the Bar, the Kitchen, the Rooftop and the Music Room.

Working closely with the designers, our technical lead developed an approach using GSAP and ThreeJS to give the sense of space using a 360° panorama that moves as you move across the site, and transitions as you move between "floors".

[Visit Website](https://her.melbourne)

## Images

![Her, 270 Lonsdale Street](https://image.mux.com/02DG1cHXvPFuoqqSZUpjS87DzhgxEgSqebf01bnvrTuoA/thumbnail.jpg?width=1600)
![Her, 270 Lonsdale Street](https://image.mux.com/yx01rRroOudJQIFof016pxZKeZ1Kyh3Vk0000dubOaKFnKc/thumbnail.jpg?width=1600)
![Her, 270 Lonsdale Street](https://image.mux.com/TdYKtI81xiHaysqcOwz502ZZmNtOofNLSuUfml7md1z8/thumbnail.jpg?width=1600)