Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Visual

Functionality

Unauthenticated Header

  • Display

    • Cart link

      • Items in Cart

        • Display green dot

        • On click display Cart Page

      • No items in Cart

        • On click display FIO Address Selection Page

    • Create Account link

      • On click display Account Creation Page

    • Log-in link

      • On click display Log-in Page

    • Link to https://fioprotocol.io

Authenticated Header

  • Display

    • Privacy link - Display Privacy Policy

    • Terms & Conditions link - Display Terms and Conditions

Generic error

  • Generic error is displayed anytime there is an error condition and no specific error has been defined.

  • The error is served in a pop-up overlay over the page which triggered the error, except:

    • If the error occurs on an interstitial page (e.g. spinner page) or any other page where it’s not practical to show error overlay, the user should be first redirected to the Home Page and the overlay should be shown there.

  • Display

    • Try again and X

      • On click

        • Close the error overlay

Transaction Processing

  • Displayed for any signed transaction

Google Analytics Tagging

See Analytics

Browser & OS Support

  • Browser

    • Chrome

      • Version > 89.0

    • Safari

      • Version > 14.0

  • OS

    • Windows

    • Android

    • iOS

    • Mac

...

Visual

Functionality

Unauthenticated

  • Display

    • FIO Address Crypto Handle Widget

    • Register Domain banner

Authenticated

  • Component

    • Header

      • Display authenticated component header

  • Component

    • Messaging Bar

      • Display messaging bar on even trigger (example: account creation or action needed by the user)

  • Component

    • Title

      • Display content: Dashboard

  • Component

    • Wallets

      • Title

        • Display content: Wallets

      • Display

        • All FIO Wallets associated with user account

          • Wallet name

          • Balance

            • FIO

            • USDC

      • Action

        • Manage Wallets CTA

          • On Click - Take the user to the main wallets view

  • Component

    • FIO Crypto Handles

      • Title

        • Display content: FIO Crypto Handles

      • Display

        • All FIO Crypto Handles associated with user account

          • FIO Crypto Handle

          • Bundles

            • Balance

            • Add Bundles CTA - On click, takes the user to Bundle cart flow

          • Actions

            • Sign NFT - On click, takes the user to the sign NFT view

            • Request Funds - On click, takes the user to the create request flow

            • Link - On click, takes the user to the link FIO Crypto Handle view

            • Settings - On click, takes the user to the FIO Crypto Handle settings view

      • Action

        • Manage Handles CTA

          • On Click - Take the user to the FIO Crypto Handles view

  • Component

    • Get FIO Crypto Handle Tile

      • Content

        • Header

          • Need an Additional FIO Crypto Handle?

        • Subhead

          • Add an FIO Crypto Handle to a custom domain.

      • Link

        • Register FIO Crypto Handle

          • On Click

            • Display FIO Crypto Handle Registration

    • Get FIO Domain Tile

      • Content

        • Header

          • Need another domain?

        • Subhead

          • Want to register a FIO Crypto Handle with a custom domain?

      • Link

        • Register FIO Domain

          • On Click

            • Display FIO Domain Registration

    • Get FIO Tile

      • Content

        • Header

          • Need to Get FIO Tokens?

        • Subhead

          • FIO tokens are used to pay fees for certain transaction types such as FIO Domain and Crypto Handle registrations or adding bundles.

            Get FIO tokens Token from one of our partners today.

      • Link

FIO Address Widget

  • Collect

    • Username

      • X appears when first character is entered

        • When licked it clears the content and disappears

    • Domain

      • Show domains owned by user in any FIO Wallet (sorted alphabetically)

      • Obtain the list from Registration Site API (sorted as returned)

      • Default to first domain in list

  • Validate

    • No validation on this screen

  • Display

    • FIO Address and FIO Domain cost

      • Show FIO price with 2 decimal precision, e.g. 1.23 FIO

      • Show USDC price - see Free FIO Address and USDC Price Computation

      • If user selecting existing domain show FREE (if first address) only FIO Address USDC price (if FREE address already registered or added to cart)

    • Search icon

      • On click display FIO Address Selection Page

    • Domain pull-down

      • Add “Add Custom Domain” item at the end

        • On click

          • Display domain field as entry field

            • Show X - closes the entry field and display original pull-down

Register Domain banner

  • On click display FIO Domain Selection Page

...