Responses by Exo Ape.
Background: Pioneering physics cognition lab Amaterasu merges technology and nature to transform mental health. Its first prototype Aleph leverages advanced quantum technology to simulate cognitive treatment plans that would usually take months, delivering tailored solutions in just one second. The company challenged us to craft a digital experience around its vision—boldly redefining its presence in the industry and creating a space where people can find strength and solidarity in knowing they are not alone on their mental health journey.
Design core: The site and its sensory-rich digital narrative immerse visitors in an emotional exploration of Amaterasu’s groundbreaking vision. Through the power of storytelling, we unravel the complexities of Aleph, and with the seamless blend of stunning visuals and immersive audio, we have crafted an experience that leaves visitors deeply connected to the brand long after their visit.
Favorite details: Adding layers of ambient audio, voice clips and subtle effects was essential for creating an immersive experience. The combination of captivating visuals and sound forms a sensory-rich environment that captures attention and evokes emotions.
Challenges: Transforming Amaterasu’s complex concepts into a compelling narrative that resonates with both mental health care patients and industry professionals. We translated intricate ideas into a digital story that simplifies complexity while remaining memorable through engaging visuals and narrative elements. This approach makes the content relatable and invites a diverse audience to connect emotionally, letting visitors explore Amaterasu’s solutions more deeply to foster a sense of community.
Technology: On the tech side, we’ve crafted a robust stack to bring this project to life. Storyblok powers our content management, while Nuxt serves as the backbone of our front end. For animations, we’re combining the strengths of GSAP and three.js to create a dynamic experience that blends 2-D SVG with immersive 3-D WebGL visuals. This combination allows us to push creative boundaries, making the animations truly engaging.
Our WebGL implementation ensures a smooth, immersive experience across all devices by adapting to devices’ capabilities. Through subtle optimizations, we maintain high performance without compromising visual quality, even on lower-end hardware. By tracking frame rates and employing advanced techniques like compressed textures and optimized shaders, we prevent GPU strain, delivering fluid visuals and seamless scrolling for all users.