Proposal: Free TON DEX Front-end Interface Design

Contest Proposal: Free TON DEX Front-end Interface Design


It is proposed to design a Free TON Decentralized Exchange Front-End interface based on the best practices in the DeFi market. At least some of the submissions to the “FreeTon DEX Implementation Stage 1 Contest” will certainly be based on the widely used Automated Market Maker exchanges like Uniswap, therefore creating a design prototype to complement the DEX contest can be very useful and simple to accomplish. This type of exchanges usually doesn’t have any complex elements, order list, deposit/withdrawal sections, current market trades sections etc. Their design usually consists of several simplistic sections like “Swap”, “Liquidity Pools”, “Governance” and “Charts”. The amount of buttons and menus is minimal to create the most straightforward user experience.



Contest entry period

Submission period: February 22, 2021 00:01 UTC - March 04 , 2021 at 23:59 UTC


Free TON ecosystem is in need of easy-to-use and accessible front-end web interfaces, including one for the upcoming Free TON Decentralized Exchanges. While Free TON heavily relies on DeBots for user interaction with on-chain services, it is crucial to provide a nice and familiar interface for new and experienced users alike.

General requirements

Functional elements of the basic AMM-style Decentralized Exchange include the following:

  • Token Swap Interface
  • Liquidity Provider interface
  • DEX Governance interface

Additional pages that provide insight into the analytics of DEX pairs or voting are optional for this stage.

Token Swap interface

A basic token swap interface allows the user to choose cryptocurrency to swap with a simple selector from the list of available currencies as well as define the amount of coins to swap and a “Swap” button.

A regular user story for Token Swap interface:

  1. User chooses both cryptocurrencies with selectors
  2. User sets the amount to swap and presses “Swap” button
  3. Information summary about the requested exchange operation is shown to provide more details about the exchange amount, exchange rate and fees along with a confirmation dialog
  4. After the confirmation the DEX logic is requesting the user to sign a transaction using his wallet
  5. After the transaction is complete the user gets a notification with a summary of the operation

Liquidity provider interface

A basic Liquidity Provider interface allows a liquidity provider to transfer his cryptocurrency to a liquidity pool in a DEX smart contract and receive liquidity provider fee as a reward. A user can either create a new pair to become its first liquidity provider or add liquidity into an existing pair.

A standard user story for Liquidity Provider interface:

  1. User chooses to create a new pair or supply tokens to the existing pair
  2. User chooses 2 tokens for a new or existing pair
  3. User sets the amount of both tokens to supply to a liquidity pool for the token pair and presses “Supply” button
  4. Information summary about the supply operation is shown to provide more details about the deposit amount, rates and future share of liquidity pool along with a confirmation dialog
  5. After the confirmation the DEX logic is requesting the user to sign a transaction using his wallet
  6. After the transaction is complete the user gets a notification with a summary of the operation

DEX Governance interface

A basic Governance/Voting interface allows users to submit proposals for protocol or DEX interface improvement and vote on proposals submitted by other users. There is a simple proposal creation interface along with a list of existing proposals to choose from.

A standard user story for proposal creation:

  1. A user chooses to create their own proposal.
  2. Using proposal editing interface, the user specifies the title, description, attached files and stake for a new proposal and submits it to the governance module.
  3. After the submission the DEX logic is requesting the user to sign a transaction using his wallet.
  4. After the transaction is complete the user gets a notification with a summary of the operation

A standard user story for voting on existing proposal:

  1. A user chooses an existing proposal to evaluate and vote on from the list of active votings.
  2. After choosing the option to vote for a summary is displayed to indicate the effect of the user’s vote on a proposal.
  3. After the confirmation the DEX logic is requesting the user to sign a transaction using his wallet.
  4. After the transaction is complete the user gets a notification with a summary of the operation


  • A .pdf document with a sample of proposed interface design along with a link to a layered design layout in Figma available for public review, name and contact information of the contestant for communication (Telegram username, e-mail)
  • A description document in .pdf format in case there is a need for additional info on the user interface

Evaluation criteria for jury:

  • Sufficiently address all the functional tasks identified above;
  • Design styles should be inline with Free TON guidelines or at least familiar to crypto community;
  • Implementability in reasonable time, e.g. scope of work for first versions
  • Unique design, no templates or stock solutions, a submission should not include more than 10% of other contestants’ works;


  • Each of the Free TON Web&Design Subgovernance jurors can vote on a submission. Jurors whose team(s) intend to participate in this contest by providing submissions must abstain from voting in this contest.
  • Each juror will vote by rating each submission on a scale of 0 to 10 or can choose to reject it if it does not meet requirements, or they can choose to abstain from voting if they feel unqualified to judge.
  • Jurors will provide feedback on each submission they vote/reject for.


  • 1st place…5,000 TONs
  • 2nd place…3,000 TONs
  • 3rd place…2,000 TONs


Visual references for DEX interface elements

Token swap interface

Token selector interface

Governance interface

Analytics interface


Good idea for Contest. I think this contests needs more rewards.


Or run a contest for just a few pages /elements. And then cooperate with the winner. But the cost is immediately indicated in the description.

1 Like

I don’t think this is a good idea. It seems to me that there may be problems if a person drags out the process or completely disappears halfway

1 Like

All functionality is rather difficult to imagine, anyway.

1 Like

Include in the contest all the important elements that will make up the final design.

I’m interested in what others think about Rewards and the 10-day period. It seems to me that this is not enough. But maybe I’m wrong

At this contest we can handle express contests for interaction with other subs

If a designer submits a nice layout for this contest and then disappears it doesn’t really matter as it can be used independently from an author to create a front-end interface anyway.

1 Like

Not much higher was the proposal to make a small detail for a small reward, after which the winner will continue his design. But we don’t know how much of a responsible person the winner is, and after waiting a couple of weeks for him to do the rest of the design, he might just disappear.

Oh, I get it now, your message was a reply to a reply, not to a contest overall. Thanks.

Good idea. It can help to get user friendly version of DEX earlier! Why not to try? What’s about the rewards below the 3rd place?

Interesting contest proposal. The rewards seem quite generous for the criteria so hopefully will attract some outside the box entries. Good luck.

1 Like

1st place…5,000 TONs
Are you serious?

Hmm 5000 ton looks bad

It looks a bit strange that Contest claims to deliver something for DeFi SG members without even trying to request their feedback or let them provide references

@vatic @cryonyx please comment.
The collaboration initiative is really great to see, but high quality results are usually achieved when all parties synchronize

1 Like

Hmm, let’s discuss it! Just don’t like to hear “go and write a proposal to the forum” you know)

So far, in the existing plans, the design will be unknown when (very far from now). But there are parties that want to get some options right now. And I think why not? There are so many talented people that want to be involved in making the design and all that stuff!

1 Like

there’s a good occasion to do so - the DeFi SG weekly call will be today at 16:00 moscow time !

Hi, please propose your prize pool! And thank you for support!

Let me explain what is behind this. In fact, we’re all exhausted by the changes in W&D SG, so I’ve set some minimum values so that there aren’t the usual charges already. Let it be the other way around this time! But I understand that most people would answer exactly the same way as you. But then there is the second question - to find a budget and find 100 thousand is more difficult than 10 thousand.


Agree, please come to today’s DeFi call @ 16:00, and let’s discuss it.

IMHO it’s a bit too early to run this contest, as (1) there may be solutions different from AMM and (2) you need first to take UX as the basis for improvement, and there is no UX as of now.

@rainblowing what do you think?