Concept design: Wyvern OTC #2
Description
Note: this is an easier task than #1 - please do one at a time, and if you're not familiar with Wyvern start with this one.
What
The Wyvern Protocol supports the sale of any Ethereum asset — check out all the assets listed on the Wyvern Exchange. The Exchange UI, however, is designed for power user usage and complex asset specifications and isn't well-suited for quick trustless OTC trading.
Design a set of mobile/desktop UI mockups and UX flow descriptions for a one-page Wyvern OTC application, with flow well-optimized for prenegotiated OTC transactions.
An example concept design can be found here, although your submission should be more extensive.
Submit your concept design as a PR to this repository, following the folder structure of the template linked above, including functionality descriptions and UI mockups.
Both some prior graphic design experience and a basic knowledge of Ethereum will probably be required to complete this task.
Requirements
(suggested minimum, creative freedom welcome)
- The UX should have the following flow, on a single page:
- Users selects whether to buy or sell an asset
- User specifies the asset they wish to buy or sell
- Buy-side: user selects schema (e.g.
CryptoKitties) then asset (e.g. NFT ID) - Sell-side: user selects schema (e.g.
CryptoKitties) then picks from assets they own (displayed in a grid)
- Buy-side: user selects schema (e.g.
- User specifies a token, price, and expiration
- User clicks "Confirm", depositing the asset if necessary and placing the order
- Redirect to an order-specific page displaying the asset, price, and expiration. User can copy URL to send to their trading partner.
- The asset page should have two-click buy functionality
- User clicks "buy", prompting a confirmation modal which checks balances
- User clicks "confirm" assuming all is order, then sends the transaction through Metamask
- Mobile-friendly design, elements should resize naturally
For design inspiration, take a look at the Airswap Token Trader - although the flow will be very different. If you're not familiar with Wyvern yet, play around with the Wyvern Exchange; this is a simplified version of the Exchange UX.
Extension Ideas
- Additional options: user can select a specific buyer, user can select auction instead of fixed-price sale, user can select whether or not to broadcast their order publicly (or have a secret link, the default).