Versions Compared

Key

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

...

Table of Contents

No Profile Flow

UX

https://overflow.io/s/TSJXWI97/

https://www.figma.com/file/AOJfXET7ieM1NMLKyA1UOv/FIO-Landing-Pages?type=design&t=nn1WNRxSlxPWo8mS-6

Visual

Functionality

General

  • No Profile Flow, when enabled in Partner Profile in Admin, modifies the flow through the app as follows:

  • Dev Note: CORS should be set such the flow can be placed inside another app or iframe

Template

  • Display:

  • Landing Page defaults to Register FIO Handle

  • bob@edge is dynamic and is the first domain from the Partner Profile.

  • Links

    • Register FIO Handle

      • On click

        • Display Register FIO Handle Page

    • Register FIO Domain

      • On click

        • Display Register FIO Domain Page

    • Add Bundles to Existing FIO Handle

      • On click

        • Display Add Bundles to Existing FIO Handle Page

    • Renew Existing Domain

      • On click

        • Display Page Renew Existing Domain Page

  • Dev Note: User can add multiple items into cart using top navigation.

Register FIO Handle

Single Domain

Multiple Domains

Verifying Availability

Availability Confirmed

  • Url: /address/refcode or /ref/refcode

    • where refcode is partner referrer code

  • Display:

    • List of allowed domains from Admin Profile:

      • If single domain, display Single Domain Page

      • If multiple domains, display Multiple Domains Page

      • Dev Note: Add custom domain will be introduced after 3.5 release launches to Mainnet.

    • Links

      • Get It - before verified

        • On click

          • Display Verifying Availability Page

          • Check handle availability

          • If available display Availability Confirmed Page

          • If not available display Not Available Page

      • Get It - after verified

        • On click

          • Add to cart and Display Cart Page

Register FIO Domain

  • Url: /domain/refcode

    • where refcode is partner referrer code

  • Display:

    • Domain registration price in USDC obtained using get_fee: regdomain

    • Links

      • Get It - before verified

        • On click

          • Display Verifying Availability Page

          • Check domain availability

          • If available display Availability Confirmed Page

          • If not available display Not Available Page

      • Get It - after verified

        • On click

          • Add to cart and Display Cart Page

Renew Existing FIO Domain

  • Url: /domain/renew/refcode

    • where refcode is partner referrer code

  • Display:

    • Domain renewal price in USDC obtained using get_fee: renewdomain

    • Links

      • Renew

        • On click

          • Add to cart and Display Cart Page

Add Bundles to Existing FIO Handle

  • Url: /address/renew/refcode

    • where refcode is partner referrer code

  • Display:

    • Add bundles price in USDC obtained using get_fee: addbundles

    • Links

      • Add

        • On click

          • Add to cart and Display Cart Page

Public Key Screener Page

  • If FIO Public Key is not passed via url display this page

  • Collect

    • FIO Public Key

    • Validation

      • Is valid FIO Public Key

  • Display

    • Links

      • Submit

        • On click

          • Store in cookie and display Landing Page

Sample Cart

...