The CubeHouse

Thinking inside the box through a new website

Client

G&S&

Scope

Concept development, Web design & development, Motion & Video

Duration

2023

Website

the-cubehouse.com

About the project

The CubeHouse is a next-generation office building, designed to inspire, connect and advance the workplace of tomorrow.

The CubeHouse's three-dimensional approach creates spaces where visitors, companies and nature can thrive, proving that sometimes the best things come from 'thinking inside the box'.

Together with G&S& (project developer) and Jetway (branding agency), we created an immersive and user-friendly website for the launch of The CubeHouse. The result leaves the average behind and sets a new standard for the project's digital presence.

Collection of design components from the website

Web strategy

In shaping The CubeHouse's web strategy, we translated Jetway's distinctive brand identity into an immersive digital experience. Visitors move through a carefully designed flow in which storytelling and commercial appeal come together, inviting them to see The CubeHouse as their new workplace.

Motion design and a strategic focus on conversion guide visitors through a world where innovation and inspiration come together.

Web design

Color & Navigation

Each page has its own primary colour, reinforcing the identity of every section. The overlay menu adapts to the colour of the page.

The intro animation sets the tone for the experience. As visitors move through the website, they are guided from one page to the next while The CubeHouse story unfolds with every transition.

These motion elements bring the website to life, creating a seamless connection between design and story.

A layer of engagement

Simple but effective animations bring the content to life, improve readability and prevent the experience from feeling static. They add a layer of engagement and present information in a more compelling way.

We also introduced a button that remains visible while scrolling, allowing users to take action at any point.

iPhone in hand with The CubeHouse website open on screen

Design of the mobile version of the website

Design of the call to action on the website

Typography

Large headlines guide visitors through the website and make each page easy to scan. Their scale creates a clear hierarchy, helping users find the information most relevant to them.

Visual of a page's color together with a large headline

Design of the location page on the website

Web development

By using React, we brought the entire website to life and connected it seamlessly with the powerful Storyblok CMS.

By making use of React's versatility, we created a website that not only delivers excellent performance, but also guarantees flexibility and scalability.

Storyblok allows the client to update the website independently. Its intuitive visual editor shows changes in real time, giving the team full control over the content without losing sight of the final result.

Check out the live website here!