Minisites: Standard Edgeryders Theme

Current Standard Webkit

https://webkitsandbox.netlify.app


Edgeryders Standard Theme



  • Fonts + Colour Scheme:
  • Header Block #1: Split box, text on the left - Square Red button on the right
    • Text styling: “If you are new to Edgeryders…near future.”
    • Link Styling : “Tell us what brings you here” - Black text against red dotty background
  • Display of post summaries: Block of four post teasers below Header Block #1
    • Layout/presentation: Static and on mouse-over
    • Layout/presentation: Display of topic teasers/summary (ref: 6 boxes)
    • Fonts + Colours
    • Topic subject/ Headers: Black text against white background
    • Topic Date: Black text against white background
    • Topic summary text: Black text against white background
    • Links: white text/icons vs black background)
    • Background images: Post Images displayed as background to header
    • Social Share: One click functionality
    • Social Buttons: White icon against black background
  • Header Block #2: Background photo with timer & social sharing buttons ( white icon, black background)
    • Countdown timer
    • Image in Background
    • Social share: Functionality & styling (one click share, customised link)
    • Organisers tags: Ability to add Link to individual user profiles on the platform (like ping works now)
    • How page reacts when you scroll down (see how page seems to fold under the header block




  • Functionality:
    • Keep ability to search the directory of submitted profiles by skill/ keyword
    • Keep ability to social share
    • Make it so that a new topic is generated on submission of form
    • Make it so that Topic subject: Occupation · Location
    • Make it so that
  • Fonts + Colour Scheme:
  • Display of Freelancer Profiles: Assuming that a new topic for each personal profile is created on submission of the form, we want to adopt the same styling as for the block of 4 post teasers onr http://er-campaigns.surge.sh
    • Layout/presentation: Static and on mouse-over
    • Layout/presentation: Display of topic teasers/summary (ref: 6 boxes)
    • Fonts + Colours
    • Topic subject/ Headers: Black text against white background
    • Topic Date: Black text against white background
    • Topic summary text: Black text against white background
    • Links: white text/icons vs black background)
    • Background images: Post Images displayed as background to header
    • Social Share: One click functionality
    • Social Buttons: White icon against black background

Summary

1. From campaign generator

Github: https://github.com/edgeryders/campaigns
Other relevant code repositories?

  • Basically, the whole thing broken down into standard webkit components that can be integrated into different sites/landing pages we set up (e.g for presenting topics tagged “blog” on the platform)
  • Use case: we would have these elements as the “top” part of a landing page, and then add below it one of the forms from our webkit.
  • Especially: Be able to generate single campaign landing pages, and have them be aggregated into the campaign overview. e.g We would have a form that people fill in (with pre-set questions) if they want generate a campaign page

2. From Freelancers directory

Github: https://github.com/edgeryders/freelance
Other relevant code repositories?

  • Key Functionality we would like to transfer to webkit elements: being able to fill in form as signed in Edgeryders member and have it automatically be attributed to your profile
  • We also want to keep this Information Architecture for those webkit elements/flow between them:
    • Display of user profiles that have filled in the form
    • Intermediate Funnel for (choice between filling in form as signed in user vs as new)
  • Changes to Styling:
    • Maintain style overall but Adapt fonts, colours, Link and button design, to those of the campaigns site.
    • illustrations are sourced from: @owen you had a place where you pick up most of the illustrations I think? Could you add it here please?

More specifically …


1.a. From campaign generator: Single Campaign Page Styling


Github repo: add here
Other relevant repositories: add here



Details to include in the webkit elements

  • Fonts & Colour Scheme
  • Header Block elements:
    • Countdown timer
    • Image in Background
    • Social share: Functionality & styling (one click share, customised link)
    • Organisers tags: Ability to add Link to individual user profiles on the platform (like ping works now)
    • How page reacts when you scroll down (see how page seems to fold under the header block


1.b. From campaign generator: Single Page Aggregator


Github repo: add here
Any other useful repositories: add here


Elements/ features we wish to include in the webkit

  • Fonts + Colour Scheme
  • Header: Intro Text + Link Styling(“Tell us what brings you here”)
  • Display of post summaries:
    • Layout/presentation: Static and on mouse-over
    • Layout/presentation: Display of topic teasers/summary (ref: 6 boxes)
    • Fonts + Colours
    • Topic subject/ Headers: Black text against white background
    • Topic Date: Black text against white background
    • Topic summary text: Black text against white background
    • Links: white text/icons vs black background)
    • Background images: Post Images displayed as background to header
    • Social Share: One click functionality
    • Social Buttons: White icon against black background



2. From Freelancers Directory: Registration form elements


Github repo: Add here
Other useful repositories: add here

What we want to transfer/ include in the webkit:

  • Ability to fill in form as signed in Edgeryders member and have it automatically be attributed to your profile
  • We also want to keep this Information Architecture for those webkit elements/flow between them:
    • Display of user profiles that have filled in the form
    • Intermediate Funnel for (choice between filling in form as signed in user vs as new)
  • Changes to Styling:
    • Maintain style overall but Adapt fonts, colours, Link and button design, to those of the campaigns site.
    • illustrations are sourced from: @owen you had a place where you pick up most of the illustrations I think? Could you add it here please?













3. From Register: Standalone Form



Edgeryders.eu
Github:
Other useful repositories:

What we want to transfer/ include in the webkit:

  1. The Layout:

    • Question Header on one side
    • On other side: question bread text and response/ text entry field
    • Buttons: Back and forward on bottom
    • Indicator of where you are in the process (like a slideshow)
  2. The ability to set up multilingual form


4. From Summit Website


These two blocks should be included into the standard webkit:

HEADER BLOCK


EVENTS DISPLAY BLOCK