Stellinovas is a marketing website for a futuristic gaming brand, enabling users to explore its gaming products, purchase in-game coins via cryptocurrency (using MetaMask), and access key project documents like the whitepaper. As the UI/UX Designer, I was responsible for crafting a visually immersive, user-friendly, and Web3-integrated experience that appeals to the gaming and crypto-savvy audience.
Context
The gaming industry is rapidly evolving, with blockchain integration and digital assets playing a pivotal role in next-gen platforms. Stellinovas sought to create a marketing site that not only showcased its brand and games but also acted as a functional crypto-commerce portal — enabling users to buy in-game tokens and explore project documentation in one smooth journey.
Details
Time Frame:
Jul 24 – Jul 24
Role:
UI/UX Designer, Usability Researcher
Involvement:
Web Interface, Prototyping
Overview
The website was designed to serve three core purposes:
- Brand Marketing: Present the Stellinovas brand and its gaming universe with high-impact visuals and storytelling.
- Web3 Commerce: Enable users to connect their MetaMask wallet and securely purchase in-game coins.
- Community Trust & Transparency: Provide access to downloadable whitepapers and highlight project vision and roadmap.
Key components designed:
- Hero section with animated visuals
- Game previews and product gallery
- MetaMask wallet integration interface
- Crypto purchase flow (UX focused)
- Downloadable whitepaper section
- Light and dark themes for immersive gaming mood
Challenge
- Complex Web3 UX: Crypto transactions often confuse users; designing a simple and trustworthy flow was essential.
- Maintaining Game Vibes: Needed to balance visual excitement with usability — without overwhelming users.
- Security Signals: Important to establish user trust around crypto payments, wallet integration, and token storage.
- Cross-device Consistency: Gaming communities span across desktop and mobile — UX had to be seamless on both.
Solution
Streamlined Wallet Integration Flow
→ Designed a 3-step connect-buy-confirm flow with MetaMask wallet prompts, gas fee notifications, and confirmations.
Token Purchase Experience
→ Users can view token conversion rates in real time, toggle crypto types (ETH/USDT), and complete the checkout smoothly.
Immersive Visual Language
→ Used deep gradients, futuristic UI cards, animated hover states, and consistent sci-fi typography.
Game Showcase Design
→ Displayed game worlds, in-game characters, and NFTs using large-scale visuals and immersive scroll sections.
Trust Signals
→ Integrated whitepaper download, roadmap timeline, partner logos, and FAQ to increase transparency and conversion.
Results
Improved Crypto Checkout Completion: Test users were able to complete token purchases 40% faster than on previous versions.
High Engagement: Scroll depth tracking showed users explored most sections, especially game previews and roadmap.
Positive Community Feedback: Users appreciated the clarity of wallet connection and token purchase UX.
Brand Perception Boost: The design elevated Stellinovas from a basic gaming brand to a futuristic, trustable Web3 innovator.