Tool:
Figma / Cursor (HTML,CSS)
Project Link:
XP World is a Web3-based gaming ecosystem that reimagines arcade-style games within a Telegram-integrated platform. The project aims to create a seamless user experience around play-to-earn dynamics, enabling users to play mini-games, earn tokenized rewards, and navigate a gamified digital environment.
Project Goal
The main goal was to design and build a website that reflects the spirit of arcade culture while providing clarity and simplicity in navigating a modern Web3 product. Given the Telegram-native structure, the experience needed to feel familiar but still innovative — and accessible even for crypto-newcomers.
Design Approach
I was responsible for both UI design and front-end development. I designed the full interface in Figma, and then built the website using HTML & CSS via Cursor. This hands-on process allowed me to closely align visual decisions with performance and responsiveness goals.
The visual language was inspired by pixel aesthetics and arcade game culture. I used bold typography, subtle animations, and playful layout decisions to create a dynamic yet clean experience. To keep users engaged, I integrated small interaction moments and hover micro-animations — reinforcing a sense of motion and reward.
Outcome
A fully responsive, gamified landing experience that introduces users to XP World’s universe with a playful yet professional tone. The site captures the nostalgic energy of arcade visuals while maintaining clarity and usability in a modern Web3 context.