Staking PLATFORM
The focus of this project was to transform the available data into a modern design for a Staking platform while incorporating user-friendly functionalities to improve the overall experience.
ROLE
UI Design
TEAMMATES
Solo Project
TOOLS
Adobe Xd
Hero image showing the widgets in the platform.
About the project
The project centered on user interface design. Our clients, who are the platform's primary users, provided detailed features, data, and stylistic requirements. Simultaneously, I was granted creative autonomy to enhance user-friendliness and overall aesthetics while adhering to their specifications.
Process
Users icon to indicated interviews
Interviews
The project began with client meetings to define a design style and user requirements.
Search icon to indicate UI Research
ui research
The research centered on creating style guides and finding design solutions for different features.
Dashboard icon to indicate final design
Final Design
Close collaboration with the client ensured that the final design met their expectations.

Platform framework

The client's primary emphasis was on optimizing certain highly important platform key actions to align with their workflow preferences. To address this, we created a visual workflow chart that simplifies the key actions.
Charts that map put the framework of the platform

Style guides

The project’s clients had a clear vision from the beginning for the kind of design they want. A modern and clean feel that works for dark and light-mode. The clients entrusted me with the creative freedom to bring their vision to life.
Image showing the font used
Colors used in the platform
Style guised for buttons, inputs and icons

FINAL DESIGN

I created a final design that accommodates both dark and light modes. I focused on maintaining a  a modern and clean aesthetic in both themes to ensure a consistent user-experience while offering flexibility.
Screenshot of the platform that shows charts and tablesScreenshot showing a close up of the chartsScreenshot of the dark modeClose up screenshot of a full size expanded tableShowing widgets in the platform in dark mode

key features

To maintain a user-friendly design and experience, I made necessary adjustments and added specific features.
Image showing the platform menu
expendable MENU
This feature aids users in navigating through the tabs and becoming familiar with the iconography.
By a simple hover on the side menu, the user can see the full name of each tab.
Image showing full screen view
full screen view
The full-screen view is an important feature, as it enables users to simultaneously view multiple components or items at once, significantly enhancing their usability experience.
Image showing the search bar
sEARCH BAR
The inclusion of a universal search bar is a big part of the platform's navigation systems, making it more user-friendly. This feature's significance will grow as the platform expands.
Image showing a split screen which explain how you can do the same action in two ways
action Flexibility
I recognized the importance of not restricting significant user actions within the platform. As a result, I've provided multiple options for some actions to ensure user flexibility and ease of use.
Thank you for reading
Please let me know if you have any feedback on my portfolio.