Warframe is a free-to-play action role-playing third-person shooter multiplayer online game developed and published by Digital Extremes. The Old Peace is a new narrative chapter to the game’s story.

The goal was to immerse players in the narrative, build hype for the Old Peace update, and encouraging new players to sign up and existing players to return to the game.

Due to planning issues this project had a tight timeline and we needed to balance ambition with fast and realistic execution. The teaser was to release ahead of the game update, meaning we needed to generate excitement without revealing major story spoilers.

As a result, we needed to focused on quick wins to make navigation feel tactile and rewarding, all without increasing production overhead.

I collaborating closely with our web developer to prototype animations and effects to move quickly without added overhead.

The trailer invites players to choose their own path by selecting options tied to one of five Focus Schools. After selecting an option, players are prompted to enter the game and complete a challenge.

Each mission must be completed before progressing to the next. At the end, a page displays aggregate data showing the path made by players across the experience as well as a button to replay the experience to unlock new paths.

The project aligned with Warframe’s current web design system, while drawing inspiration from in-game elements. After reviewing early visuals for the upcoming update, I noticed many in-game elements featured subtle blue glows and ambient particle effects, which I incorporated these details in the website.

I initially explored a stone-like background with engraved or filigree details. However, because The Old Peace is closely tied to themes of blooms and xenoflora, I shifted toward a geometric floral motif instead.

The final design was built in layers, using blend modes and soft blurs to create a glowing, textured effect that echoes the game’s visual art.

Given the tight timeline, we had limited support from the multimedia team and worked primarily with the static assets available. Animation became a key tool for adding depth and interactivity. I used GSAP to bring the designs to life and add subtle motion throughout.

I used GSAP’sDraw SVG Pluginto progressively draw the illustration, sequencing each element with a timeline to reveal the main decorative element of the web page.

I layered each of the static images in photoshop and used GSAP to drive a subtle mouse hover parallax effect, creating an illusion of dept.

As the narration plays, the text reveals itself to guide the user through the story.

A simple hover effect using blend modes to introduce a soft glow on interaction.

The interactive teaser marked our first use of an immersive, web-based experience ahead of a major release. It was officially Launched on December 10th 2025. Released alongside The Old Peace, it successfully built anticipation and increased engagement ahead of launch.

• Over 325,000 unique completions of the interactive teaser
• A significant lift in revenue following release
• Warframe reached the top 5 most-played games within three days of launch