Global Specification Updates

Image Added

• Asset Links for inspection

  • Sketch Workspace

Global Assets to Update

• Header

• Footer

• Buttons Style

• Tiles

• Ad Tiles

• Icons & Typography

• Inputs & Fields

• Tile Background

• Color

• Favicon

• Email Header

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

  • Cart link

    • Items in Cart

      • Display green dot

      • On click display Cart Page

    • No items in Cart

      • On click display FIO Address Selection Page

  • Settings link

    • On click display https://fioprotocol.atlassian.net/wiki/pages/createpage.action?spaceKey=PROD&title=Dashboard%20Settings

  • Log-out link

    • On click log user out and display to Unauthenticated Home Page

  • Secondary navigation links

    • FIO

• • • Crypto Handles- Display https://fioprotocol.atlassian.net/wiki/spaces/PROD/pages/255590800/Dashboard+Address+and+Domain+Management#FIO-Address-List

    • FIO Domains - Display https://fioprotocol.atlassian.net/wiki/spaces/PROD/pages/255590800/Dashboard+Address+and+Domain+Management#FIO-Domain-List

    • FIO Tokens - Display FIO Token

• • • Management

    • FIO Domain Affiliate Program - Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/552042499/Affiliate+Program#Authenticated---Affiliate-Program-not-enabled

Footer

• 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

Google Analytics Tagging

See Analytics

Browser & OS Support

• Browser

  • Chrome

    • Version > 89.0

  • Safari

    • Version > 14.0

• OS

  • Windows

  • Android

  • iOS

  • Mac

Unauthenticated

Image Added

• Display

  • FIO

• • Handle widget

    • Validation

      • None

    • Button

      • On click

        • Redirect to https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Address-Selection and pre-populate with supplied username

  • Wildly Adopted section

    • Tiles (9 tiles)

      • Tile

      • Images

        • Exportable Asset located here: https://www.sketch.com/s/ab287b92-d6b1-4a84-8b26-324a561ae643

    • Links

      • Show more

        • On click

          • Link to https://www.fioprotocol.io/ecosystem in same window

Authenticated

User has no FIO Handles

Image Added

User has at least 1 FIO Handle

Image Added

Image Added

Image Added

Image Added

• Display

  • Success notification

    • Display only the first time when user lands on the Home Page

    • Automatically disappear after 5 seconds

      • Links

        • X

          • On click: Disappear notification.

  • FIO Wallet banner

    • Show current balance across all FIO Wallets

    • Links

      • Buy FIO Tokens - display only if balance is 0

        • On click

          • Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255591518/FIO+Token+Management#Get-FIO-Tokens

      • Import Wallet - display only if balance is 0

        • On click

          • Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255591518/FIO+Token+Management#Import-Wallet

      • Manage Wallets - display only if balance is >0

        • On click

          • Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255591518/FIO+Token+Management#Wallet-List

  • Action Tile

    • Welcome message

      • User has no FIO Handles

        • Title: Welcome!

        • Body: We see you don’t have a FIO Handle, so let’s start there.

      • User has at least 1 FIO Handle

        • First time when user lands on the Home Page

          • Title: Your FIO journey starts here.

          • Body: There’s loads that you can do with FIO, here are just a few things to start with.

        • Not first time when user lands on the Home Page

          • Title: Welcome!

          • Body: Here are a few important actions.

    • Action if user has no FIO Handles (Home Page Only)

      • Display FIO Handle widget (same as on Unauthenticated Home Page) and onclick redirect to https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Address-Selection and pre-populate with supplied username.

    • Actions if user has at least 1 FIO Handle or on FIO Domain List Page or FIO Handle List Page- action items are dynamic based on conditions ans stops once 2 items are determined. (DOM designation means that this action is also considered for display on FIO Domain List Page; FCH designation means that this action is also considered for display on FIO Handle List Page)

      • User does not have an email in their Account (Alternative Account)

        • Item

          • Enter Your Email Address

          • Enter your email address on your settings page in order to receive FIO App notifications.

        • Link

          • Settings

        • Image

          • Image Added

      • User has not set-up password recovery

        • Item

          • Set-up Password Recovery

          • If you lose your account information, password recovery is the only way you will be able to restore your account.

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/310608242/Settings#Set-up-Password-Recovery

      • User has expired domains (DOM, FCH)

        • Item

          • Expired Domain(s)

          • You have domains which have expired. Please renew them before they are burned.

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255590800/Address+and+Domain+Management#FIO-Domain-List

      • User has no FIO Crypto Handles (DOM, FCH, TOK)

        • Item

          • Get your FREE FIO Crypto Handle

          • It will replace all your complicated public addresses across all tokens and coins in your wallets.

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Crypto-Handle-Selection

      • User has 1 or more FCH AND never mapped pub addresses (FCH). DEV NOTE: since it may be hard to inspect every single FCH for mappings, we could just have a user profile flag which is set when user uses the Dashboard to map at least 1 pub address and once set, consider user has mapped!

        • Item1

          • Link your Token Addresses

          • You will then be able to receive crypto using a single FIO Crypto Handle instead of multiple complicated public addresses.

        • Link

          • If 1 FCH: https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255590800/Address+and+Domain+Management#Initial-Screen

          • If more than 1 FCH: https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255590800/Address+and+Domain+Management#FIO-Address-List

      • User has not set-up PIN

        • Item

          • Set-up PIN

          • Setting up your PIN will allow you to quickly sign in as well as confirm certain transaction types easily.

        • Link

          • Set-up PIN Page

      • User has combined FIO balance of 0 (TOK):

        • Item

          • Buy FIO Tokens

          • Register handles & domains, pay transaction fees or earn staking rewards.

        • Link

          • this address in new tab: https://fio.net/token/overview#get-fio-tokens

      • User has 1 or more FCH AND no domains (DOM, FCH)

        • Item

          • Get a custom FIO Domain

          • Personalize your FIO Crypto Handle! Get a FIO Domain, which lets you control who can register handles on it. It’s also an NFT which can be traded on NFT exchanges such as Opensea.

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Domain-Selection

      • User has FIO Tokens, but is not staking them (TOK)

        • Item

          • Earn Staking Rewards

          • Don’t let your FIO Tokens sit idle. Stake them now and start earning rewards from every fee paid on the FIO Chain. Current APY: 11.25% DEV NOTE: obtain from https://services-external.fioprotocol.io/staking (30 day)

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/451477688/Stake+Tokens#Staking

      • User has 1 or more FIO Domain, but is not signed-up for Affiliate program (DOM, FCH, TOK)

        • Item

          • Share FIO Domains with others and earn FIO Tokens

          • Invite friends to FIO Protocol. For every domain registration made through your link, you earn 10% 50% of that purchase value.

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/552042499/Affiliate+Program#Authenticated---Affiliate-Program-not-enabled

      • User has 1 or more domain (DOM, FCH, TOK)

        • Item

          • Get another FIO Domain

          • You can never have enough. FIO Domain are NFTs which can be traded on NFT exchanges such as Opensea.

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Domain-Selection

      • User has 1 or more domain (DOM, FCH)

        • Item

          • Wrap your FIO Domain

          • FIO Domains can now be wrapped (moved to) Polygon NFT and traded on NFT exchanges such as Opensea.

        • Link

          • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/490635272/Domain+Wrapping#Wrap-FIO-Domain

      • Any user (DOM, FCH, TOK)

        • Item

          • Find great domains on Opensea

          • You can find some rare and unique FIO Domains on Opensea NFT Marketplace. Checkout the latest listings.

        • Link (in new tab)

          • https://opensea.io/collection/fio-domains

  • Secondary Purple Action Tile

    • If user has no FIO Handles

      • Show What’s the Big Deal tile

    • If user has at least 1 FIO Handle

      • Show FIO Request

        • Send FIO Request

          • On click display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255591518/FIO+Token+Management#New-FIO-Request

        • Respond to FIO Request - show only if incoming pending FIO Requests exist

          • On click display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255591518/FIO+Token+Management#Wallet-Transaction-List with FIO Request Received tab open

  • FIO 101 - user rotating carousel with the default slide pre-selected based on logic:

    • The user has no FIO Crypto Handles

      Image Added

      • Link

        • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Crypto-Handle-Selection

      • Video

        • https://www.youtube.com/shorts/Hebr9B67wfE

    • User has 1 or more FCH AND never mapped pub addresses.

      Image Added

      • Link

        • If 1 FCH: https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255590800/Address+and+Domain+Management#Initial-Screen

        • If more than 1 FCH: https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255590800/Address+and+Domain+Management#FIO-Address-List

      • Video

        • https://www.youtube.com/shorts/DMUrZ0CefSs

    • User has 1 or more FCH AND no domains

      Image Added

      • Link

        • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Domain-Selection

      • Video

        • https://www.youtube.com/shorts/0Sjiwj1Pk9A

    • Any user

      Image Added

      • Link

        • https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/255591518/FIO+Token+Management#New-FIO-Request

      • Video

        • https://www.youtube.com/shorts/Fv-_X8xqhos