A dynamic mock trading tournament platform featuring weekly competitions, 3D visuals, and immersive UI. Designed and developed using modern web technologies including Next.js, TypeScript, and Three.js.
Pulse is a highly interactive mock trading tournament platform designed to host weekly competitions in a visually rich and performance-optimized environment. The platform was built entirely by the team at Devignity, from UI/UX design to production deployment.
The goal was to create a fast, intuitive, and gamified experience that motivates users to participate in recurring trading challenges. The design process started in Figma, with special attention paid to user flow, real-time leaderboard visibility, and competitive engagement.
On the development side, we used Next.js with TypeScript and Tailwind CSS, alongside Shadcn UI for consistent design components. A major visual highlight of the platform is a 3D trophy model rendered using Three.js and React Three Fiber, serving as a visual reward symbol on the results page. Some card components also featured hover tilt effects using React Tilt, adding to the interactive feel of the interface.
We implemented a fully responsive layout supporting both light and dark themes, ensuring an elegant experience across devices and user preferences.
The final product delivers:
The client was very satisfied with the result, especially praising the immersive UI and performance of the 3D features.
Creating a responsive, visually immersive platform for weekly trading tournaments with real-time feedback and animated 3D elements.
Designed the UI in Figma, implemented the frontend with Next.js, Tailwind, and Shadcn, and used Three.js for rendering interactive 3D trophy models. Added React Tilt for card interactions and supported full light/dark mode theming.
Successfully launched a high-performance, gamified platform that encourages weekly user engagement through smooth animations and striking visuals.
Let's discuss how we can create a custom solution tailored to your specific needs.
Get in TouchA full-stack mock trading tournament platform powered by the Solana blockchain. Devignity handled everything from Figma design to development using Next.js, TypeScript, Tailwind CSS, Shadcn UI, and React Three Fiber for an interactive 3D hero section.
View DetailsContact us today to discuss your ideas and discover how we can help bring your vision to life.
Have a project in mind or want to learn more about our services? We'd love to hear from you.
