Website Marketing Management

Website Management Overview

Portions of the website FIO.net are managed through the Webflow CMS collections system. It is located in the left-hand rail midway down as seen in this screenshot:

Components

What’s New Tiles

Purpose
- The purpose of the What’s New Tile section is to highlight the three most current and exciting things happening at FIO
- Only 3 can be published at once
  - As the tile ages out, it should be switched to draft mode (if a legacy copy is needed)
  - Tile must be published to display on the website
Manage Elements
- Feature Icon / Image
  - 125px X 125px png files
- Styling
  - Background Color
    - Add background hex color (brand colors)
      - #765CD6
      - #22A2FF
      - #B65CD6
      - #252525
- Year
  - Select Current Year
- Content
  - Name - This is title of the tile
  - Slug - The slug is auto-generated based on the name
  - Description - The description populates the main content area within the Tile
- CTA
  - Button Text - This is the button text
  - Button Link - This links the button to the relative view

Screen Shot 2024-03-12 at 11.37.58 AM (3).png

Top Banners

Purpose
- The purpose of the top banner is to quickly highlight an action for the user to take or informational highlight
- Only 1 can be published at once
  - The top banner must be published to display on the website
Manage Elements
- Content
  - Name - This is title of the top banner
  - Slug - The slug is auto-generated based on the name
  - Custom Field
    - Text - The description populates the main content area within the top banner
  - Turn ON Banner
    - Must be enabled for the banner to be displayed
- CTA
  - Text
    - Text can be hyperlinked in order to drive the user to specific actions or view.
    - Create a hyperlink within the text field
  - Close
    - This is hard coded and allows the user to dismiss the banner

Progress

Purpose
- To highlight and demonstate the FIO protocol’s growth and maturity since it’s first launch
Manage Elements
- Content
  - Name - This represents the title of the progress
  - Slug - The slug is auto-generated based on the name
  - Custom Field
    - Description
    - Link
    - Icon
    - Order
    - Year
    - Type from collection
    - Date

Progress Years

Purpose
- To bind the progress highlight to the year it occured
Manage Elements
- Content
  - Name - This represents the year
  - Slug - The slug is auto-generated based on the name

Progress Types

Purpose
- To bind the progress highlight to the type of progress category
Manage Elements
- Content
  - Name - This represents the progress type
  - Slug - The slug is auto-generated based on the name
- Custom Field
  - Order filtering list - Provides the numerical order in the list for filtering on the progress page

Eco-systems

Purpose
- To highlight and demonstate FIO’s vast network and eco-system
Manage Elements
- Content
  - Name - This is title of the top banner
  - Slug - The slug is auto-generated based on the name
  - Custom Field
    - Rank
    - Logo
    - Type
    - Feature
    - URL
    - Hide guides section

Eco-systems Types

Purpose
- …
Manage Elements
- Content
  - …

Eco-systems Features

Purpose
- …
Manage Elements
- Content
  - …

User Guides

Purpose
- ..
Elements
- ..
CTA
- ..

Video Guides

Purpose
- ..
Elements
- ..
CTA
- ..

People Behind FIO

Purpose
- ..
Elements
- ..
CTA
- ..

Research and Education

Purpose
- ..
Elements
- ..
CTA
- ..

Get Involved Tiles

Purpose
- ..
Elements
- ..
CTA
- ..

Dashboard Tiles

Purpose
- ..
Elements
- ..
CTA
- ..

Integration Tiles

Purpose
- ..
Elements
- ..
CTA
- ..

Differentiator Tiles

Purpose
- ..
Elements
- ..
CTA
- ..

Benefits Tiles

Purpose
- ..
Elements
- ..
CTA
- ..

Privacy Policies

Purpose
- ..
Elements
- ..
CTA
- ..