Life Beyond

Webapp

Mobile App

Web3

Infography

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 allows players to build new civilizations—shaping societies, economies, politics, and digital ownership in ways that mirror real-world dynamics and immersive storytelling. We were charged to create a SocialFi, an emerging blockchain-based concept that merges social media with decentralised finance (DeFi) from A to Z while making the players know their universe better. Late ron we also built a mobile app card game in Life Beyond universe.

./ Context & Challenge

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

./ 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).

./ 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

The flow between screens was validated through low-fidelity wireflows - simulating task successions and modal transitions. This allowed us to anticipate user behavior and reduce 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.

./ Mockups & Prot. 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

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 facilitated progressive feature delivery and future scalability.

./ Outcome & Learnings

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

Built in collaboration with

RYAN CHAAYA

Feel free to reach out if you want to collaborate, or simply have a chat :)

2024 - 2025

Navigation

Home

Product Design

Gallery