An adventure at the heart of the Enclave

Company: Yellow Brick Games
Category: Websites and web apps
Expertise: Warning: Attempt to read property "ID" on string in /home/collect5/domains/collectifdiapason.com/source/web/app/themes/shape/template-parts/quick-infos.php on line 121
CMS
Warning: Attempt to read property "ID" on string in /home/collect5/domains/collectifdiapason.com/source/web/app/themes/shape/template-parts/quick-infos.php on line 121
UI
Warning: Attempt to read property "ID" on string in /home/collect5/domains/collectifdiapason.com/source/web/app/themes/shape/template-parts/quick-infos.php on line 121
UX
Warning: Attempt to read property "ID" on string in /home/collect5/domains/collectifdiapason.com/source/web/app/themes/shape/template-parts/quick-infos.php on line 121
Web

Project
Overview

Yellow Brick Games is an independent studio in Québec City founded by video game industry veterans. They hired us to create the website for their very first game, Eternal Strands.

The game needed a web platform to reveal the very first images, the official trailer and its key features to fans.

Scope of work

The goal of this project was to recreate an immersive experience close to that of an adventure game. The world of the Enclave features spectacular landscapes that can also be used strategically. It was therefore essential to showcase these settings, their distinctive elements and this unique world.

Style research

To capture fans’ imagination and fuel their excitement, it was essential for us to carry out in-depth research on the game’s visual style. This allowed us to focus on special items and textures unique to the game’s world.
UI Design

Visual and interactive elements inspired by the game, such as buttons and integrated illustrations, were carefully added to enrich the user experience and faithfully recreate the game’s actual interface.
Web development

The final stage focused on integrating animations and special elements on the Webflow platform.

The animations are subtle and slow, helping make the experience a little more immersive.

Page d’accueil du site

<br />
<b>Warning</b>: Trying to access array offset on false in <b>/home/collect5/domains/collectifdiapason.com/source/web/app/themes/shape/template-parts/blocks/two-cols-images.php</b> on line <b>45</b><br />

Mobile version of the site: home page, navigation, key features and news sections

Founder of Alternateeve Studio - Altee RH / Technical expert

David
Boitard

David loves designing solutions that are both effective and easy to use. With Diapason, they have worked on creating several...

View Details
Digital Art Director, Senior UI/UX Designer

Serena
Capozzi

Driven by innovation and research, I love exploring the codes of visual communication and how they apply to everyday life....

View Details
Founder of Diapason, UX and Customer Experience Designer

Julie
Simard

Passionate about the possibilities of collaborative design, Julie had long dreamed of launching the Collective. Her first intention was to...

View Details