Pulse

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:

• A clean, gamified interface
• Weekly mock trading tournaments
• Interactive card tilts and 3D elements
• Smooth transitions and animations
• Real-time UX focus for leaderboard and user states

The client was very satisfied with the result, especially praising the immersive UI and performance of the 3D features.