Please enable JavaScript.

Coggle requires JavaScript to display documents.

Home Page, Create a Campaign, - Coggle Diagram

- - - - NavBar
        is the primary navigation means here, it has a logo in the centre, and two article on the left and on the right to it.
        Functional Items: logo is clickable and send you to the home page, About article, How it Works, Start a Campaign contact form, Join and Login
        
        About page has a video, descriptive article and a call to action button 'Start a Fundraiser'. Semantically it could be separated into a heading, hero with a video and an article.
        
        Hero has a video player with FanAngel description. Video is a functional item of itself
        
        Article a plain text only article.
        Functional Items: a hyper link with support email help@fanangel.com that opens a built-in email client.
        
        Header has a header text 'Crowdfunding made for teams' and a button 'Start a Fundraiser'
        Functional Items: 'Start a Fundraiser' redirects you to the 'Start a Campaign page'
        
        How it works contains more details description of FanAngels financial mechanisms. Generally the page consists of a the video from About page, an article separated into several parts and a contact form
        
        About video embedded into the top of the article
        
        Article separated into chapters - How it works, Game Plan, Launch the Campaign, Why it Works
        
        Contact Form that looks like a simplified version of the one from Start a Campaign page.
        Functional Items: the contact form has five input fields, one text area and a 'Submit' button
        
        Start a Campaign is a page with a contact form that could be separated into several logical parts: Coaches, teachers, & boosters, Students & athletes, Contact form with input fields.
        
        Coaches, teachers, & boosters a section describing why this form is needed. Functional Items: a link 'Can’t see the form below?' that opens the same form for the user but from a different page
        
        share.hsforms.com the same contact form but open from a different link to avoid possible issues with the form not displaying
        
        Students & athletes provides a link for those who want to join an existing campaign. Functional Items: a clickable link opening another information page
        
        Input form that collects relative data like Primary contact, School/Organization, Team/Club, Campaign information, Verification, One last thing... and a Submit button. Functional Items: input fields, radio buttons and a 'Submit' button that appears only when you've interacted at least once with any of the fields.
        
        Join an Existing Campaign
        explains that the wannabe participant needs to address the question to coach who will share the join link. Functional Items: a link to tutorial article with videos on how to do this.
        
        Team/School Email Sharing Tutorial contains a short text description of what this page is about and two videos on how to share the invite link via the phone and a desktop. Functional Items: two youtube videos and a hyperlink to download a doc file for the user to collect the emails of participants
        
        Login redirects back to the home page's Login sidebar
  - - - Grid of all matching
        search results
        
        Campaign Card
        The Campaign Cards on the Search page look very similar to Campaign Cards from Featured Campaigns on the Home Page, the only differences are that here there is not clickable name of the campaign and it does not have footer with numbered funding statistics
        Functional items: clickable like button, card image is also clickable and sends the client to the campaign details page.
  - - - False
        
        Redirect to Start a Campaign page
      - True
        
        See Create a Campaign flow
  - - - Login
        also shows a sidebar with login options
    - - User Profile
        it does not open a new page, but show the sidebar with user-profile-related options.
        Functional items: Profile, Change Password, Account History, Logout and Campaign display.
        
        Profile contains all user-related information and allows you to change it. Separated into Header and Main.
        
        Header is a bar with 'Update your profile details' and a Back button.
        Functional items: back button sends back to the home page.
        
        Main user's entire profile information, could be separated into four major component - Profile picture, Input fields, Notifications settings and Cancel/Save buttons
        
        Profile Picture component has a circular space for the avatar and a avatar settings button.
        Functional Items: settings button reveals a drop-down with two options - Remove and Change(Upload)
        
        Remove upon click shows a modal with a back-drop with a confirmation about removing the avatar, when click 'Remove' the profile picture defaults to the red football.
        
        Change(Upload) upon click shows a modal with an interface for uploading a new picture, not sure if it is possible, but the description suggests that you can make a picture using webcam. Functional Items: a box that contains the current picture, buttons for cancel, rotate clock-wise, rotate counter clock-wise, Add Photo - opens the file system and Save.
        
        Input fields represent a form of three fields: display name, username (it seems to default to email's prefix)email and additionally, there is a link to change the email.
        Functional Items: ability to change display name, email is not editable, to change the email you need to click on the 'Change email' button that will send you back to the home page and will open a sidebar with input fields for changing the email address.
        
        Change email is a sidebar that gives you an option to contact support, input fields for new email and current password and Change button.
        
        Contact form allows you to input your contact info and send a question to support
        
        Email Notifications allows you to toggle Game updates and Campaign complete Functional Items: checkboxes with before mentioned options.
        
        Save/Cancel Buttons
        
        Change Password opens a sidebar allowing you to input your current password and new password x2 Functional Items: input fields and a 'Change' Button
        
        Account history could be split into Header, drop-down with a filter and display component.
        
        Header is a bar with 'Update your profile details', a Back button and Filter button that reveals a filter component. Functional items: back button sends back to the home page, a Filter reveals a filter component
        
        Filter is a regular filter component that take from and to date in a format October 10, 2023
        Functional Items: the input field and a calendar icon show a calendar window allowing you to pick a precise date, you can scroll within a month range or year range, Filter button searches the history items according to the criteria.
        
        Main is a simple display component that renders the history items. As of now unable to identify how those items look since I'm using a brand new account.
        
        My Supporters has a header and a main components.
        
        Header is a bar with 'Spread the word - Invites' and a Back button.
        Functional items: back button sends back to the home page.
        
        Main the main is a display component that should display the items with the info of athlete's supporters, currently no items available for viewing. Looks like supporters are only displayed here, but they are added somewhere in the campaign settings.
- - - - Campaign Page: The page is semantically separated into three major parts: the hero with the video banner, the section with social media accounts links, and main with article and clickable elements.
        
        Hero
        is separated into two logical parts: non-clickable column section with short campaign description, progress bar, numbered statistics and video banner that should play some pre-defined by the campaign creator video, could be a clickable element but impossible to tell since in the staging it's just a black rectangle.
        
        Social media links
        A component with six clickable buttons providing the user with sharing options. Functional Items: email button revealing the sidebar allowing you to forward the campaign to a specified email, a button allowing to share the campaign via the messenger, Facebook, Twitter, a button to embed the campaign into the website and a like button to fan the campaign.
        
        Main
        Main section of the campaign page could be logically and semantically separated into two columns: the column on the left consists of two logical blocks like campaign status and rewards, the column on the right looks like news thread with campaign details and updates.
        
        Left column
        is separated into campaign status section and campaign rewards section. Campaign status section can render from one up to three blocks like 'Pledge for performance', 'Make a donation' and 'Join in'. Rewards section also seem to have arbitrary number of components that could be sorted into two categories: 'Reward' and 'Drawing'
        
        Unknown condition that decides which components will be rendered: 'Pledge for performance', 'Make a donation' or 'Join in'. Most probably, decided by the moderator.
        
        Pledge for performance
        Make a pledge based on Team's performance Functional Items: two clickable buttons 'Per Save' and 'For each BB Goal'
        
        Make a donation
        Call to action to make a donation
        Functional Items: one clickable button 'Donate'
        
        Join in
        Create a new campaign, all raised funds will go to the currently opened campaign
        Functional Items: one clickable button 'Create'
        
        Another condition which decides how many and which blocks, 'Reward' or 'Drawing' will be rendered. Also, probably, decided by the moderator.
        
        Reward
        Reward component has a short description that explains the user that in case of donation they will receive a specific reward, it also has two tags that show how many rewards were already claimed and if there are any left.
        Functional Items: tags that render the number of claimed rewards and if there are any left, a button that should allow the user to donate.
        
        All buttons are not functioning at the moment, unable to identify where they lead
        
        Drawing
        Participate in attempt to wing limited prices, certain conditions like donations may be required.
        Functional Items: tags that render the number of claimed rewards and if there are any left, a button that should allow the user to participate.
        
        Right Column could be separated into two logical parts: header and campaign details.
        
        Header contains two boxes with the name of the team/player - the owner of the campaign, and beneficiary.
        
        Campaign owner
        The component contains the avatar, name of the player/team and if it is an individual player - the name of the team.
        Functional Items: name is a clickable link that sends the user to the teams page, if it is an individual player - to the page of the player. Also, if it is an individual player an additional clickable link to the player's team is added.
        
        Is Team
        
        1 more item...
        
        Is Player
        
        1 more item...
        
        Beneficiary
        a simply display component that gives general information about campaign's beneficiary, no functional items.
        
        Campaign details
        is the page separated into tabs section and display part that reveals the content of each tab
        
        Tabs a component with four tabs: 'About' - shows more details about campaign that page's hero does, 'Updates', 'Donations' and 'Contact Admin' Functional Items: each button changes the content displayed in the display component.
        
        Display the content displayed in this section is defined by the currently chosen tab. Does not have functional items of its own, functional items are defined by currently displayed information.
        
        About
        pure display item with text and pictures, provides more detailed information about the campaign.
        
        Updates
        the list of updates items
        
        1 more item...
        
        Donations
        the list of donations items
        
        1 more item...
        
        Contact admin
        in case logged in - provides with a contact form
        
        1 more item...
- - - - Search input form with six fields: Name, Street, State (E.G. CA), EIN, City, ZIP
      - Create booster club button
        
        Create booster club form with 6 fields: Name, Address, City, State, Zip Code, EIN. This form is very similar to the Search form, yet it's another component.
  - - - About Campaign Page you are redirected to the about page as soon as you fill out the create campaign form. The page is separated into several settings sections
        
        Basics allows to edit the basic campaign information that was filled out in the Create Campaign Form one step before
        
        About contains more detailed description of what this campaign is and its story. The fields are: Short Description, Video, About
        
        Organisation add the information of your org: Program name, Program Website, Organization Name, Logo
        
        Email Template allows you to create a predefined templates, specify Subject and Email Body. Each email will begin with: “Hey [Supporter Name], I need your help” accompanied by the program logo/mascot, participant photo, and participant name.
        
        Tracking allows to invite promoters who will be spreading the word about the campaign, it also allows to set individual fundraising goals. This page also has buttons Message to all participants, Launch Campaign, Invite
        
        Report has three types of reports - Donations, Pledges and Rewards
        
        Beneficiary allows you to connect the stripe account for transferring campaign funds and has a form to specify campaign's beneficiary.
        
        Administrators allows you to edit the list of campaign admins and to add invite new ones.
        
        Challenges shows the status of already created challenges - All, In Progress, Success, Failed. Also allows to add new ones.
        
        Add Challenge page allows you to preview how your challenge is going to look like. In the Subject type you can choose an existing team or player or define a custom one, in the Challenge tab you can choose a sport and goal. in Event tab you can input event details and in Defaults - suggested pledge amount.
        
        Add Reward allows to give your campaign a donor reward or create an auction.
        
        Updates allows to create a news item with update
        
        Connected Campaigns allows to turn on or off creation of child campaigns
        
        Super Admin settings available only to the super admin