My Lovely Planet
Webapp
SocialFi
Responsive
Web3
My Lovely Planet is a mobile match-3 game with a strong ecological mission: every in-game action contributes to real-world environmental impact, from tree planting to biodiversity preservation and ocean cleanup. The project, supported by Ubisoft Entrepreneur Lab, has also won the Unity for Humanity award. So far, over 370,000 trees have been planted through initiatives such as an agroforestry nursery in Madagascar. For this project, we developed a WebApp SocialFi, with over 350k users in 10 days, which main goal was to engage their social user base and drive meaningful activations.
./ Landing / Cover
The adventure begins on My Lovely Planet, where gamification meets Web3.
Users are invited to join the biggest airdrop treasure hunt, a playful yet high-value campaign offering $100,000 in rewards.
./ Dashboard Mobile
The mobile dashboard transforms the SocialFi experience into an engaging journey.
Stats like crew members, gems, and rewards are gamified, encouraging participation through friendly competition and community growth.
Weekly challenges and referral bonuses motivate players to stay active and invite others
./ Leaderboard
The leaderboard anchors My Lovely Planet’s social dynamics - visualizing players’ progress, referrals, and rankings.
The interface blends clarity and fun, with bright highlights to emphasize achievements.
./ Hero Scene
A tropical island environment immerses users in the My Lovely Planet narrative.
The 3D landscape supports immersion while preserving focus on the main CTA: “Begin My Quest.”
This scene balances storytelling and conversion, turning curiosity into participation.
./ Quest Overview
The quest system structures progression around themed challenges: Build your boat, Recruit your crew, Find the Earth Gems.
Each card invites exploration and unlocks new opportunities, echoing the mechanics of adventure games.
The interface uses light motion and progress bars to visualize accomplishment and curiosity.
./ Ship Building Quest
The Ship Building module for exemple, translates tasks actions into playful missions. Tasks like wallet connection or social linking are represented as construction steps, making blockchain interactions more approachable. The design focuses on accessibility, using bright buttons and clear progression indicators.
./ Crew Recruitment
The Crew Recruitment page embraces community as a game mechanic.Each referral brings a new crewmate and increases the player’s potential rewards.
The friendly, cartoonish pirates embody collaboration and humor, turning a referral system into an engaging narrative experience.
./ Reward Collection
The reward modal celebrates user milestones with clarity and delight. Points are seamlessly converted into $MLC tokens, reinforcing the tangible value of participation.
The smooth animation and centered call-to-action create a satisfying closure to the quest loop.
./ Progress Dashboard
The progress dashboard provides a snapshot of the player’s journey across all quests. By combining mission cards, countdowns, and social stats, it fosters a sense of continuity and anticipation.
The blue and violet palette reinforces immersion, while maintaining a clean, readable structure.
RYAN CHAAYA
Feel free to reach out if you want to collaborate, or simply have a chat :)
2024 - 2025
Navigation
Privacy policy
Terms of service
