Uruloki: Crafting a User-Friendly Dashboard for Decentralized Asset Trading
Overview
Uruloki, an all-in-one platform for decentralized asset trading and arbitrage, approached us to design and develop a user-friendly dashboard for their customers. The goal was to create a seamless experience where users could easily manage their assets, monitor their trading activity, and take advantage of arbitrage opportunities, all while maintaining Uruloki's golden and dark branding.
Challenge
Our challenge was to design an intuitive dashboard with various features and components that would allow users to effectively manage their assets, create and monitor trading strategies, and automate their trades, all within a single platform. Additionally, we needed to incorporate Uruloki's golden and dark brand identity throughout the dashboard design.
Design Process
We began by developing a design system that utilized global components for enhanced reusability. We then designed the dashboard with clear and organized layouts, making it easy for users to navigate and access the required features. Throughout the design process, we ensured that Uruloki's golden and dark branding was consistently integrated into the dashboard's visual elements.
The dashboard included the following screens with detailed descriptions:
- Home Page: Showcasing top gainers, movers, and tokens with most buy/sell orders.
- Top Gainers: Displaying the highest-performing assets.
- Most Buy Orders & Most Sell Orders: Highlighting tokens with the most trading activity.
- Top Movers Tokens: Presenting tokens with significant price changes.
- My Orders: Enabling users to view, edit, and delete their open and closed orders.
- Open Orders & Closed Orders: Listing user orders with relevant details.
- Edit Order Modal: Allowing users to modify their existing orders.
- Deleted Order Floating Message: Confirming successful order deletion.
- My Strategies: Providing an overview of user-created strategies and allowing strategy creation.
- Tableview of Strategies: Displaying an organized list of strategies with details.
- Strategy Slideover: Giving a quick overview of the selected strategy.
- Strategy Detail Page: Showing trades, positions, and activities within the strategy.
- Create Order Button: Facilitating the creation of new strategies.
- Coin Details: Displaying comprehensive information about selected coins and enabling order creation.
- Coin Name & Misc. Information: Providing essential details about the selected coin.
- Order Information & Volumes Statistics: Presenting trading data for the coin.
- Pill with Time Filters: Allowing users to view data over different time ranges.
- Pool Information, Positions & Activities: Offering insights into the coin's performance.
- Create Order Button & Modal: Enabling users to buy/sell coins with customizable options.
Throughout the design process, we worked closely with Uruloki to ensure the dashboard met their requirements and provided a user-friendly experience that aligned with their branding.
Development
After completing the design phase, we began working on the development of the platform using Solidity, Rust, Node, React, and AWS Services. Our focus was on creating a robust and efficient system that could handle the complex features and functionalities required for decentralized asset trading and management.
Results & Impact
The Uruloki dashboard we designed and developed offers a seamless and intuitive experience for users to manage their assets, create and monitor trading strategies, and automate their trades, all while maintaining Uruloki's distinctive golden and dark branding. By providing an organized and user-friendly platform, Uruloki is well-positioned to attract and retain customers in the growing market of decentralized asset trading.
We are proud of our collaboration with Uruloki and look forward to witnessing their continued success in the world of decentralized asset trading and arbitrage.