Modern UI Design for Crypto Trading Site

Status: Closed
Prize: €300
Entries Received: 6
Winner: Salomondc8

Winner

Contest Brief

Hello all!

We are looking for a modern UI design similar to this website:
https://solana.fm/tx/W9BQiZV9MKU5KRRmUpd6CPsQZMipeHuXdrBXaN5GWqG76sdbbNDFpUFgyeWbdP6HkCFNLyyY7qzEZntU6yCzBUk?cluster=mainnet-alpha

I have added some examples which are called 'UI_Example#.png'

Explanation about the project and what we are looking for.
Basically we are working on a platform where people can see there trades which they made throughout our platform. So its important for them to keep track of their trades and see their profits.
For now we are looking for the following pages to be created by you:

1. Login page
Login page (How does the login page look like)
Please remember we will also use Google authentication, so please add this in the UI design.

2. After the login (main dashboard) (See screenshot dashboardimpressions.jpg)
I have added an example of another dashboard, in the screenshot you will find the letters A,B,C,D,E
The following explanation is what you will need to build the extra pages + how to build up the main dashboard:

A. Trades List: A list of trades where, upon clicking, a page opens displaying all recent trades made, from start to finish, with the latest trade at the top.

B. Win Ratio: We could perhaps better display this as the ROI Percentage on a monthly basis. When users click on it, they are taken to a new page where they can adjust the date range themselves and view the ROI for the selected date range.

C. Average Trade Duration: This can remain as it is, showing the average trade duration. This is not a button and does not link to an additional page.

D. Graph: This is a graph displaying the ROI on a daily basis. When users hover over it with their cursor, they can see the ROI percentage and the profit/loss ratio for that day. In the top-left corner, there are three tabs where users can switch between ROI/Portfolio Increase/Wins & Losses Ratio (showing the number of winning and losing trades per day).

E. Most Profitable (Active) Trades: Here, users will see the most profitable active trades, with the one having the highest ROI at the top. The statistics displayed include the following:

• ID (trade number)
• Token Name (can be the token's TAG)
• Trade Open Duration (displayed in minutes/hours/days but not weeks or months)
• Start Amount (the amount with which the trade was initiated)
• Profit So Far (expressed in $)
• ROI Percentage
• Actions - A menu button that opens a popup, allowing the user to quickly perform actions such as closing a trade, adding extra funds to the trade, and managing Take Profit (TP) options individually for that trade.

Also the menu on the side needs to be designed by you, you can think of things like:

- Trade History
- Live trades (Here they can see all the live trades with all the necessary information like mentioned at 'E' ^
- Take profit setup (This is where people can manage their Take-Profit settings)
- Main settings (This is where people would manage their investment per token/signal we send them)

We also added the logo of our brand, please use it.
-------------------

Please make sure to deliver all the UI in PDF/PNG format and also for our developer in: Illustrator or Figma.

Recommended Skills

Winner

Post a Contest Like This

Employer Feedback

“Great guy to work with, really dives in to the project he get sand actually research what the assignment is about. ”

OSWork24, Netherlands.

Top entries from this contest

Salomondc8 Argentina

1
HealDesigner Sri Lanka

0
Subhamoy1995 India

0
DesignerMaster12 Bangladesh

0
freelancersagora Bangladesh

0
DesignerMaster12 Bangladesh

0

View More Entries

Public Clarification Board

freelancersagora
- 2 months ago
please check: https://www.figma.com/proto/r3w3l8r8CQW2O50fxdDQv7/Untitled?node-id=3-1192&node-type=frame&t=Qc5EALyrtEZiO97n-0&scaling=scale-down-width&content-scaling=fixed&page-id=0%3A1
- 2 months ago
sainayak01
- 2 months ago
Hello ! may I know what mistake I did , For feedback. Entry no : 105 I have noticed this contest 1hr ago before the deadline, if you need any changes I can make it as soon as possible! Please reply thanks
- 2 months ago
carmelomarquises
- 2 months ago
Is this a design only contest? Please reply. Thanks
- 2 months ago
1. Contest Holder
  - 2 months ago
  Yes, we just need the UI design. We have developers on our own who will build the website itself.
  - 2 months ago
sainayak01
- 2 months ago
Dear Client,
Entry no: 105,

I am pleased to inform you that I have completed the UI design based on the detailed requirements provided. I have carefully implemented each specified element, ensuring that it aligns with your vision and the platform’s functionality. Here’s a summary of the work completed, following the structure you outlined:

1. Login Page: Includes Google authentication.
2. Main Dashboard (After Login)
A,B,C,D,E

NOTE: I'm unable to send JPG/PNG files directly
Link:https://www.figma.com/proto/8mgUwpewUt1nttEAbgQjAR/Trading-web?page-id=0%3A1&node-id=20-2&node-type=canvas&viewport=334%2C380%2C0.18&t=CxQ3vXaqAYS4Q8dX-1&scaling=contain&content-scaling=fixed

Thank you!
- 2 months ago
DesignC2018
- 2 months ago
I'm working on it
- 2 months ago
Toufiqs1
- 2 months ago
#83 best ever you think!☆☆☆☆☆☆
- 2 months ago
Pulok1981
- 2 months ago
#75
- 2 months ago
monira405
- 2 months ago
Dear Contest Holder,

Could you please extend the contest? I just found it today and am starting my work now. Thank you!
- 2 months ago
1. Contest Holder
  - 2 months ago
  Sorry but we cant, we are on a tight deadline.
  - 2 months ago
Yaguofficial
- 2 months ago
#29 You can provide feedbacks to given link !!
- 2 months ago
1. Contest Holder
  - 2 months ago
  Comment on what? on the demo pictures i supplied myself? If you want to win the contest, than start working for it .
  - 2 months ago
2. Yaguofficial
  - 2 months ago
  okay no worries. I am working. I will provide the whole concept as it complete fully.
  - 2 months ago
Contest Holder
- 2 months ago
I will directly see when a entry is fake or not made by yourself, so save yourself the trouble.
- 2 months ago
1. Subhamoy1995
  - 2 months ago
  Kindly give at least 3-4 hours to create the original one
  - 2 months ago
DesignerMaster12
- 2 months ago
Working....
- 2 months ago