Life Beyond

Life Beyond

Webapp

Webapp

Mobile App

Mobile App

Web3

Web3

Infographics

Infographics

UX/UI

UX/UI

Life Beyond is a sci-fi Play & Earn MMORPG developed by Darewise Entertainment, a subsidiary of Animoca Brands. Set on the futuristic Planet Dolos, the game lets players build new civilizations; shaping societies, economies, politics, and digital ownership in ways that mirror real-world dynamics through immersive storytelling. We were tasked with designing a SocialFi platform from the ground up, an emerging blockchain-based concept merging social media with decentralized finance (DeFi), while helping players deepen their connection to the game's universe. Later on, we also built a mobile card game set in the Life Beyond universe. My role: I owned the UX architecture and UI design of the quest ecosystem, from user flows and wireflows to the component system and dev handoff, within a small product team at ERA 2140.

Life Beyond is a sci-fi Play & Earn MMORPG developed by Darewise Entertainment, a subsidiary of Animoca Brands. Set on the futuristic Planet Dolos, the game lets players build new civilizations; shaping societies, economies, politics, and digital ownership in ways that mirror real-world dynamics through immersive storytelling.

Read more

./ Context & Challenge

./ Context & Challenge

The goal was to design an interactive quest ecosystem integrating Web3 mechanics, connecting wallets, completing challenges, burning keys, and staking tokens, while maintaining a coherent, gamified experience.

./ Research & Concept Framing

./ Research & Concept Framing

We started by structuring the core user flows and identifying key engagement patterns: onboarding, quest progression, and reward claiming. The early mapping defined entry points (Hub, Navbar) and interaction zones (Quest, Forge, Flashsale).

We started by structuring the core user flows and identifying key engagement patterns: onboarding, quest progression, and reward claiming. The early mapping defined entry points (Hub, Navbar) and interaction zones (Quest, Forge, Flashsale).

./ Experience Mapping & Flow Refinement

From the initial architecture, we refined the user journeys around core mechanics: Connect Wallet, Invite, MCQ, Burn Keys, and Staking. Each module was designed as an independent yet connected loop to reinforce user retention.

./ Experience Mapping & Flow Refinement

From the initial architecture, we refined the user journeys around core mechanics: Connect Wallet, Invite, MCQ, Burn Keys, and Staking. Each module was designed as an independent yet connected loop to reinforce user retention.

./ Wireflow & Interaction Logic

./ Wireflow & Interaction Logic

The flow between screens was validated through low-fidelity wireflows, simulating task sequences and modal transitions. This allowed us to anticipate user behavior and eliminate unnecessary friction points.

./ Component Anatomy & UI System

Each interactive module followed a shared UI system for consistency - leveraging clear hierarchy, typographic scales, and reusable tokens.

./ Component Anatomy & UI System

Each interactive module followed a shared UI system for consistency - leveraging clear hierarchy, typographic scales, and reusable tokens.

./ Mockups & Prototype Behavior

./ Mockups & Prototype Behavior

High-fidelity screens explored narrative voice, character integration, and state logic (idle, success, failure). Modals were structured around clarity and progression; prioritizing comprehension and visual feedback.

./ Internal Review & Iteration

./ Internal Review & Iteration

Instead of formal user testing, the system evolved through internal iterations, each cycle validated against task logic and clarity benchmarks. We focused on reducing cognitive load while preserving immersion.

./ Handoff & Dev Integration

All modules were documented for development with component specs, spacing standards, and acceptance criteria. The modular structure enabled progressive feature delivery and future scalability.

./ Handoff & Dev Integration

All modules were documented for development with component specs, spacing standards, and acceptance criteria. The modular structure enabled progressive feature delivery and future scalability.

./ Outcome & Learnings

./ Outcome & Learnings

The resulting experience delivered a cohesive quest system where UX design drives both engagement and gamification. This project reinforced the importance of modular thinking and progressive disclosure in complex gamified systems.

Built in collaboration with

Built in collaboration with

RYAN CHAAYA

Product Designer - Paris - 2026

./ Contact

Open to full-time roles and freelance collaborations, in French or English.

./ Contact

Open to full-time roles and freelance collaborations, in French or English.

Product Designer - Paris - 2026

Ryan Chaaya

Create a free website with Framer, the website builder loved by startups, designers and agencies.