UI/UX Documentation

Currently stabledotfun has an MVP, this document outlines what has been built, what needs to be built or improved, why, and how it should function.


User Personas

<aside>

User Stories & Acceptance Criteria

<aside>

User Story 1: First-Time User Onboarding

As a new user, I want to easily sign up and understand the platform, so that I can start using Stable.fun without confusion.

Acceptance Criteria:

User Story 2: Stablecoin Creation

As a user, I want to create my own stablecoin so that I can customize its parameters and deploy it.

Acceptance Criteria:

User Story 3: Transaction & Earnings Tracking

As a stablecoin holder, I want to track my earnings and transactions so that I can manage my assets effectively.

Acceptance Criteria:

User Flow Breakdown

<aside>

A. Onboarding & Signup Flow

Steps:

  1. Users land on the homepage and see a clear CTA (e.g., “Create Your Stablecoin” or “Start Earning”).
  2. Users sign up using an email or crypto wallet.
  3. An onboarding walkthrough guides users through the platform’s core features.
  4. Users complete profile setup and verify account security if required.

B. Stablecoin Creation Flow

Steps:

  1. Users select a stablecoin type (custom or pre-set template).
  2. Users configure parameters such as reserve asset, name, symbol, and yield settings.
  3. A smart contract is generated and deployed automatically.
  4. Users review and confirm stablecoin details before finalizing.
  5. The stablecoin goes live and is available for use.

C. Transaction & Earnings Flow

Steps:

  1. Users send or receive stablecoins for payments and transactions.
  2. A dashboard displays real-time earnings and transaction history.
  3. Users choose between automated compounding or manual withdrawals of yield.
  4. Stablecoins can be converted back to fiat or crypto when necessary. </aside>

Wireframes

<aside>

A. Onboarding & Signup Flow Wireframe

📌 Wireframe showcasing the step-by-step sign-up process. 📌 Visual layout of the onboarding walkthrough. 📌 Example UI for an intuitive dashboard entry point.


B. Stablecoin Creation Flow Wireframe

📌 Screen layouts for stablecoin parameter selection. 📌 Preview screen for users to review settings before deployment. 📌 Smart contract confirmation and successful deployment UI.


C. Transaction & Earnings Dashboard Wireframe

📌 Visual representation of real-time earnings tracking. 📌 Transaction history screen layout. 📌 Options for automated yield compounding.

</aside>