I: (OVERVIEW)
ROLE
UX/UI Designer
DESCRIPTION
A redesign of a play-to-earn Telegram Mini App. Users play mini-games, complete tasks, and invite friends, earning points toward a future distribution of the project’s token.
II: (PRODUCT SCALE)
III: (CHALLENGE & MY ROLE)
Clayton 4.0 redesign
I joined to help update the existing app. The scope included redesigning the interface, simplifying the app, and working on game flows.
I designed the home screen, tasks, daily rewards, profile, friends list, and leaderboard. For 1024, Stack, and Tiles, I developed the visual design and gameplay interfaces.
The logo, mascot, and illustrations already existed. My work built on brand assets created by the project’s artists.
IV: (GAMES & PROGRESSION)
From choosing a game to earning rewards
The app connects several ways to earn points: mini-games, tasks, and friend invitations. The home screen shows the balance and available tasks, while the games section shows available energy and the selection of games.
The profile combines daily rewards and game statistics. The friends section shows invited users and their results, while the leaderboard lets players compare their progress with others.
V: (DAILY ACTIVITIES)
Rewards and available attempts
Daily activities have dedicated flows for claiming login rewards, spinning the prize wheel, and playing mini-games.
The calendar shows the login streak, claimed rewards, and upcoming rewards. The wheel screen brings together available attempts, the multiplier, and potential winnings. Users can earn an extra attempt by completing a task.
VI: (VISUAL SYSTEM)
A shared visual language for the app and games
I carried Clayton’s visual identity into the interface through a blue palette, expressive illustrations, and soft shapes. Consistent styling for cards, buttons, and indicators connects the main sections with the game screens.
Text size, contrast, and color accents help distinguish balances, rewards, statistics, and available actions on information-rich screens.
Bright Blue
Black Navy
Dark Navy Blue
Blue-Gray
White
VII: (OUTCOME)
Clayton’s updated interface
For version 4.0, I redesigned the main sections and created the visual design and interfaces for 1024, Stack, and Tiles. The work covered games, tasks, daily rewards, statistics, and interactions with friends.
The updated interfaces were implemented in the app.