existing-user-profile
    Shift Market’s flagship product is its white label crypto exchange technology. The CoinTrader UI/UX Design System was developed to give Shift Market’s clients a modern trading interface for their exchanges. Using a modular design allows for simple UI changes to suit client branding needs and introduces a seamless design to the development process.


Who

    After an extensive product research phase, we noticed a lack of crypto exchanges tailored for competent to proficient traders. The CoinTrader user interface was designed to target these competent to proficient users and allow them to easily trade crypto assets on an intuitive UI. CoinTrader was also designed to allow exchange operators to easily implement their branding onto the exchange with colors, fonts, and a modular design.


Understand users context and needs

    • As an exchange operator I want a user-friendly exchange my clients can exchange digital assets on
    • As an exchange user I want an intuitive user interface that allows me to trade assets quickly.
    • As an exchange operator I want an exchange that matches my company's unique branding.


Impact vs Effort

    1. Create a unique user experience for each exchange operator
    2. Create an exchange platform that allows for easy customization
    3. Create a universal exchange with little customization
existing-user-profile

    Based on the Impact vs Effort exercise solution 2 would be the best approach. Approach 2 would give us the best impact on effort. It allows exchange operators to have a unique exchange with an intuitive user interface.


Wireframes AND user flow

existing-user-profile

Desktop Wireframes


existing-user-profile

User flow




CoinTrader - Crypto Exchange Platform

existing-user-profile

existing-user-profile

CoinTrader’s homepage was designed to show traders the information needed before conducting trades. This information includes an overview of your portfolio, active market activity, crypto news, and recent account activity. The aim was to create a hub of information to allow Traders to be informed.



existing-user-profile

Once the traders have taken a look at CoinTrader’s home, they will move onto the trading section to conduct cryptocurrency trades. The trade section was designed to appear familiar to experienced traders and easy to understand to those new to cryptocurrency exchanges. Coin information from the currency the user selected is shown in the Market Overview module. Standard trading features as order books and order types can be found here too.



existing-user-profile

The Wallet gives users the ability to easily check the balance and to add funds to their accounts. Users can easily find what asset they need by searching for that asset or selecting the crypto or fiat tab. Once selected, users can see their balance, add or withdraw funds quickly.



existing-user-profile

User profile settings, notification preferences, and security settings can be changed in the settings area on CoinTrader.



existing-user-profile

The exchange operator’s branding can be easily implemented onto CoinTrader. Operators can add their brand's' colors, background, and even adjust details such as rounded or straight edges or fonts. This creates a unique look and allows for quick development time.



existing-user-profile

CoinTrader was built to allow traders to use the exchange on mobile. Using responsive design allows for users to access the platform on mobile devices such as phones or tablets.