Project created for the Rift Rewind AWS x Riot Hackathon - Echo of The Rift
Rift Rewind Codex is a collaborative storytelling project we built together during the Rift Rewind hackathon. The full experience was designed and prototyped in Figma, with a complete flow from data input to final Codex pages. Using League match data and AWS generative tools, we turned gameplay stats into short lore-style reflections and voiced lines. I focused on the Noxus path, built around my own Talon match history: shaping its visual style, tone, and pacing to feel sharp, disciplined, and decisive.
The Talon artwork was illustrated by me.
Yone visuals were created by Sylwarina.
Atmospheric backgrounds were generated using the paid version of ChatGPT.
The entire Codex layout, flow, and narrative structure were built together from scratch in Figma.
Full prototype and process: https://www.figma.com/design/QLwnPIw0GQBcnKSwDufx3U/Rift-Rewind-Codex-%E2%80%94-Dual-Path--Noxus---Ionia?node-id=0-1&p=f&t=aR1a18wed5wEcIbW-0
Entry screen for the Noxian Codex. Player data reimagined as a personal Noxian chronicle.
Loading state shown after “Generate My Codex,” while stats are processed and the narrative is generated.
A high-level snapshot of the player’s identity: role, performance, and core playstyle, framed through Noxian tone and visuals.
A visual breakdown of combat habits and map control, translated into a single, decisive Noxian profile.
Key match moments remembered as quiet victories: objectives, control, and efficiency over flashiness.
A spatial memory of the match: where tempo peaked, where vision mattered, and where mistakes reshaped the game.
Champion and skin affinity reflected as part of the player’s Codex identity, tied to recent match history.
Final Codex page designed for reflection and sharing - turning performance into a personal Noxian record.
Both Codex paths are shown together. The Noxian side is defined through contrast: discipline only exists when set against Ionia.