The CubeHouse

Thinking inside the box, middels een nieuwe website

Klant

G&S&

Scope

Conceptontwikkeling, Web design & development, Motion & Video

Looptijd

2023

Website

the-cubehouse.com

Over het project

The CubeHouse is een kantoorgebouw van de volgende generatie, ontworpen om de werkomgeving van morgen te inspireren, te verbinden en te versnellen.

De driedimensionale aanpak van The CubeHouse creëert ruimtes waar bezoekers, bedrijven en de natuur kunnen gedijen, en bewijst dat soms de beste dingen voortkomen uit 'thinking inside the box'.

Samen met G&S& (projectontwikkelaar) en Jetway (branding agency) zijn we een avontuur aangegaan om een meeslepende en gebruiksvriendelijke website te creëren voor de introductie van The CubeHouse. Hierbij hebben we de middelmaat achter ons gelaten en de weg geopend naar een nieuw tijdperk van online kwaliteit.

Verzameling van design componenten uit de website

Web strategie

Bij het vormgeven van de webstrategie van The CubeHouse hebben we Jetway's overtuigende merkidentiteit vertaald naar een meeslepende, prachtige website. Bezoekers worden begeleid door een zorgvuldig ontworpen "flow", waarin storytelling en commerciële aantrekkingskracht samenkomen en hen uitnodigen om The CubeHouse te omarmen als hun nieuwe werkplek.

Middels motion design en een strategische focus op conversie, nodigen we bezoekers uit om een wereld te verkennen waar innovatie inspiratie ontmoet.

Foto van het interieur van The CubeHouse

Web design

Kleur & Navigatie

Elke pagina binnen de website toont zijn eigen primaire kleur, waardoor de onderscheidendheid wordt versterkt. Het overlay-menu verandert van kleur op basis van deze pagina's.

De intro-animatie van de website creëert een atmosfeer voor een buitengewone ervaring. Terwijl je door de pagina's navigeert, word je op elegante wijze door de website begeleid en wordt de verhaallijn van The CubeHouse onthuld bij elke overgang.

Deze dynamische bewegingselementen geven de website leven, waardoor een naadloze fusie van ontwerp en verhaal ontstaat.

Visual van het design van The CubeHouse homepage

Een laag van betrokkenheid

Eenvoudige maar effectieve animaties geven leven aan de inhoud, verbeteren de leesbaarheid en voorkomen een statische visuele ervaring. Deze dynamische aanpak voegt een laag van betrokkenheid toe en zorgt ervoor dat informatie op een boeiende manier wordt gepresenteerd.

Daarnaast hebben we een knop geïntroduceerd die zichtbaar blijft tijdens het scrollen, zodat gebruikers te allen tijde actie kunnen ondernemen bij interesse.

iPhone in hand met The CubeHouse website open op het scherm

Design van de mobiele variant van de website

Design van de Call to Action op de website

Typografie

The CubeHouse omarmt grote koppen die bezoekers moeiteloos door de website leiden. Met hun prominente grootte is het eenvoudig voor gebruikers om snel door de pagina's te scannen en de belangrijkste informatie te identificeren die voor hen relevant is.

Visual van de kleur van een pagina samen met een grote kop

Design van de Locatie pagina op de website

Web development

Middels het gebruik van React hebben we de gehele website tot leven gebracht en naadloos verbonden met het krachtige Storyblok CMS.

Door gebruik te maken van de veelzijdigheid van React, hebben we een website gecreëerd die niet alleen uitstekende prestaties levert, maar ook flexibiliteit en schaalbaarheid garandeert.

Het integreren van het Storyblok CMS was een strategische keuze, waardoor onze klant moeiteloos aanpassingen en updates aan de website kan maken. De intuïtieve interface van het Storyblok CMS geeft visuele referenties, waardoor onze klant real-time wijzigingen kan zien terwijl ze worden gemaakt. Dit zorgt voor volledige controle en transparantie gedurende het proces.

Bekijk de live website hier!