Solatrix

Solatrix is a cutting-edge mock trading tournament platform powered by the Solana blockchain, developed entirely by Devignity — from initial Figma designs to production-ready deployment. The platform simulates real-time trading competitions with blockchain-backed transparency, intuitive user experience, and interactive visual design.

We began by crafting the complete UI/UX flow in Figma, mapping out all user journeys including onboarding, wallet authentication, tournament participation, live leaderboards, and result screens. Once approved by the client, the design was brought to life using Next.js with TypeScript, styled using Tailwind CSS, and enhanced with modular components via Shadcn UI.

To deliver an immersive first impression, we built an animated 3D hero section using React Three Fiber, @react-three/drei, and @react-three/stdlib. This included an infinite zooming starfield effect with orbital motion reactive to the user's mouse cursor, which provided a futuristic, space-themed aesthetic aligned with the platform’s brand identity.

On the blockchain side, Solatrix connects to the Solana network for secure wallet interactions and mock trading mechanics. Though real assets are not traded, the platform mimics authentic Solana workflows to train and engage users in a competitive environment.

Key features included:

• Interactive 3D hero animation with stars and orbiting motion
• Wallet authentication (Solana-based)
• Joinable mock trading tournaments
• Real-time leaderboard integration
• Fully responsive design across devices
• Full client-side state managed using MobX

The project was completed in under 12 weeks, with a strong focus on performance, visual appeal, and modularity. The client was thrilled with the results — especially the animated landing experience and overall design quality.