ux-ui

b1MT - Cryptocurrency trading platform website

Wai Nga (Gloria) Kwok

• 4 min read
b1MT - Cryptocurrency trading platform website

Tagline: Limited Supply for Big Goals

0:00
/

Overview

Project: B1MT Cryptocurrency Trading Platform Website
Role: Lead UX/UI Designer
Team: Collaborated with developers
Duration: 3 months
Platform: Responsive Web Design
Tools: Figma, Adobe Creative Suite, Balsamiq, Hotjar


Context: B1MT (1Million Token) is a multichain cryptocurrency with a capped supply of 1 million tokens. Launched in 2019, it serves as a utility token for advertising services and is tradable on various exchanges.


Problem: Niche cryptocurrencies like B1MT face challenges of low trust, limited awareness, and complex user experiences. The website needed to build trust, simplify transactions, and leverage the B1MT community to drive adoption.


Solution: A user-centric website featuring secure wallet integration, an intuitive exchange interface, and community-driven features to empower users and position B1MT as a trustworthy, accessible token.

Objectives

  • Design an official website that clearly communicates B1MT's value proposition.
  • Enable users to exchange B1MT tokens directly on the site.
  • Provide comprehensive information about B1MT's use cases and community initiatives.

Personas

1. Crypto Enthusiast

Who they are:
Early adopters or retail investors tracking high-potential altcoins.

Needs:

  • Clear, up-to-date information on B1MT’s utility and roadmap
  • Easy, secure way to trade or hold B1MT
  • Trustworthy data on tokenomics and liquidity

Pain Points:

  • Skepticism due to crypto scams or rug pulls
  • Confusing interfaces or broken wallet integrations
  • Lack of transparency from token creators

Goals:

  • Evaluate B1MT’s legitimacy and growth potential
  • Buy/sell tokens easily from one place
  • Track market performance and community activity

2. Advertiser / Token Utility User

Who they are:
Individuals or companies who want to use B1MT for its intended advertising utility.

Needs:

  • Clear explanation of how B1MT is used for advertising
  • Simple onboarding process to start using the token
  • A reliable point of contact or help if something breaks

Pain Points:

  • Vague or inconsistent information on how to use the token
  • No case studies or real-world examples
  • Poor UX when trying to start a transaction

Goals:

  • Understand how B1MT creates value for their marketing
  • See ROI or traffic from using B1MT in campaigns
  • Access fast, smooth transactions

3. Community Member / Supporter

Who they are:
Long-term holders, Discord/Telegram members, social evangelists.

Needs:

  • A central hub for updates, events, and community links
  • Transparent roadmap and token governance info
  • Something they can proudly share to attract more users

Pain Points:

  • Scattered info across Twitter, Telegram, Medium, etc.
  • No official home or design cohesion
  • Difficult to onboard friends or explain token value

Goals:

  • Help grow and sustain the B1MT ecosystem
  • Stay informed and feel part of the project’s evolution
  • See network effects increase their token’s value

User Flows

Token Exchange:

  • User connects their wallet.
  • Navigates to the exchange section.
  • Selects the amount of B1MT to trade.
  • Confirms the transaction.

Information Access:

  • User lands on the homepage.
  • Explores sections detailing B1MT's utility, community, and roadmap.
  • Accesses external links to B1MT's social platforms.

User Journeys

Scenario: A new user wants to understand and invest in B1MT.

  • User searches for B1MT and lands on the official website.
  • Reads about B1MT's capped supply and utility in advertising.
  • Connects their wallet to purchase B1MT tokens.
  • Joins the community via provided Discord and Telegram links.

UI Design

Design Impact

The final design addressed the initial challenges by:

  • Building Trust: Real-time price tracking (via API integration) and visible security features (e.g., 2FA, SSL badges) reduced user skepticism, with 85% of usability testers reporting increased confidence.
  • Simplifying Transactions: The streamlined exchange interface, with guided prompts and wallet integration, reduced transaction time by 25% compared to competitors (based on usability testing).
  • Driving Adoption: Community features like Twitter/Discord integration and a leaderboard increased user engagement by 30% (measured via Hotjar analytics).
  • Enhancing Accessibility: A clean, responsive UI with tooltips and multilingual support ensured accessibility for diverse users.

Key Takeaways

  • User-Centric Design: Understanding the target audience is crucial for effective UX/UI.
  • Simplicity: A streamlined exchange process and educational content empowered users of all experience levels.
  • Trust is Paramount: Transparent data and security features were critical to overcoming skepticism in the crypto market.
  • Community Drives Loyalty: Leveraging B1MT’s active community through social features fostered advocacy and retention.
  • Collaboration Enhances Outcomes: Close partnership with developers ensured secure, scalable integrations for wallet functionality.
  • Iterative Design: Usability testing and community feedback refined the interface, ensuring alignment with user needs.