Once I had some sort of general target as to how I wanted to shape my ideas, I researched for some visual references.

Throughout this process, I started discovering images, but then started remembering things from my past, like the Arrival movie and Stargate.

While I’m particularly fond of using Blender, this time I decided to jump into Spline, as I had the intention of using it in the website as well.

I recreated the Eiger logo, based on the baseline foundations that I’d set out; portal, obelisk, ancient ruin, space ship.

I helped Eiger by mapping out a full sitemap and content flow plan.

However, due to time and staff limitations, some of the pages had not been designed or developed yet.

I was able to take ownership on the front-end strategy and development plan, so I chose my usual stack.

React, Nextjs, GSAP, Motion, Threejs, Spline, Globe.gl, DatoCMS, Greenhouse API and Vercel.

I tried several different animations in Spline, to figure out how I was going interact with it. I opted for a scroll based solution, but when transporting this to my Nextjs project, it would not work as intended.

I spent a lot of time reconfiguring my 3D scene, redeveloping the integration in 3 or 4 different ways, it was a nightmare.

The method I got working was to use Spline to host and pull in the model, then use Three.js to expand the scene items and control it with GSAP.