Create a Guide/Template: Landing page with mailing list (pre product launch) for your project

[ExperimentsInHonesty]

Overview

We need to create a guide to making a Landing page with mailing list so that projects can have a place to part their domain name and gather interest in the project, so that they launch to an interested audience.

Action Items

The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labelled 'Tasks' at the bottom of this issue, and complete each task listed.

• Gather Examples Solo (open in a new tab)
• Gather Examples Collaboratively
• Create a Guide Draft
  • If needed, create a template
• Have your guide peer reviewed
• Present your guide for leadership review

Resources/Instructions

Examples

100 Automations

• Hosting Plan after launch: gh-pages

• Landing page: https://100automations.org

• Repo: https://github.com/100Automations/landingpage

• index.html code used: https://github.com/100Automations/landingpage/blob/master/index.html

• Mail Chimp: https://mailchi.mp/6f150ef215c6/100automations

• Logistical details: We created a index.html page on a repo and pointed the domain name at the repo. The index.html page uses an iframe to display the mailchimp content. That way we get a customized url for our landing page, and when we are ready to turn on the actual site, we can point the domain name to the repo the developers have been working on.

• domain : managed by hfla's google domains account

• DNS is pointed at registrar interface with the following settings:

  

• GitHub settings are as following:

  

Another project that plans to host on AWS or platform than Github's ghpages

Notes: we need an example of a project that is not live yet, but still needs a landing page. Can they turn on ghpages just for the landing page and point that a a specific folder (which github allows) without it affecting their repo in another way? Ask a new project like record clearance to test it.

Projects to Check

Tasks

• This is where you will copy instructions from the wiki page for the step you are currently on.

[sdimran]

https://docs.google.com/document/d/1SPITC3Ccl7MPBPP3Jm0S02nu-gAjjRsDtlw8HDi1Dt0/edit?usp=sharing

initial draft (not in guides folder yet)

[ExperimentsInHonesty]

@sdimran Olivia and I created the landing page. They have since taken it down, but you can see a copy of it here
https://100automations.github.io/landingpage/

Also, I can put my notes here about how its constructed:
its a mail chimp page inside of an iframe.
Here is where you can see the code for the page https://github.com/100Automations/landingpage
its really just one html file + the mail chimp design olivia made.
HTML file https://github.com/100Automations/landingpage/blob/main/index.html
Mail Chimp page: https://mailchi.mp/6f150ef215c6/100automations

[ExperimentsInHonesty]

https://CivictechIndex.org is using one which is created in React and wired up to their Django back end instead of Mailchimp or other temporary solutions

[aymarmsba]

Prior version of issue

Overview

We need to create a guide to making a Landing page with mailing list so that projects can have a place to part their domain name and gather interest in the project, so that they launch to an interested audience.

Action Items

• Add list of projects to the resources below to aid with the gathering step. The list can be found here List of active projects product-management#321
• Gather examples of how other projects have done, adding each example as a link in the resources section
  • Visit each website on the hackforla.org homepage and if they have a site that looks like its a landing page, or temporary site, please add it. Please annotate all project names to say if they have one or not.
  • Once done, remove the "TG: Gather Examples" label and add the "TG: Draft Template" label
• Create a draft template, either in markdown format in this issue or a google doc in the old product management google drive new product management google drive>Product Management Guides
  • Once done, remove the "TG: Draft Template" label and add the "TG: Create Guide" label
• Create a guide on how to use the template
  • Once done, remove the "TG: Create Guide" label and add the "TG: Review Guide" label
• Review the guide with product management communities of practice
  • Once done, remove the "TG: Review Guide" label and add the "TG: Leadership Review" label
• Present to Hack for LA leadership team for sign off
  • Once approved, remove the "TG: Leadership Review" label and add the "TG: Place Guide" label
• Possibly create an issue template on .github
  • Include link to template under resources if you add it as a template in .github

Resources

Update issue #104 with the name of item you are working

Examples

100 Automations

• Hosting Plan after launch: gh-pages

• Landing page: https://100automations.org

• Repo: https://github.com/100Automations/landingpage

• index.html code used: https://github.com/100Automations/landingpage/blob/master/index.html

• Mail Chimp: https://mailchi.mp/6f150ef215c6/100automations

• Logistical details: We created a index.html page on a repo and pointed the domain name at the repo. The index.html page uses an iframe to display the mailchimp content. That way we get a customized url for our landing page, and when we are ready to turn on the actual site, we can point the domain name to the repo the developers have been working on.

• domain : managed by hfla's google domains account

• DNS is pointed at registrar interface with the following settings:

  

• GitHub settings are as following:

  

Another project that plans to host on AWS or platform than Github's ghpages

Notes: we need an example of a project that is not live yet, but still needs a landing page. Can they turn on ghpages just for the landing page and point that a a specific folder (which github allows) without it affecting their repo in another way? Ask a new project like record clearance to test it.

[aymarmsba]

Assignee, Labels, Project Board Placement, and Milestones for this issue in the Product Repo:

[aymarmsba]

Files in this Issue:

https://docs.google.com/document/d/1SPITC3Ccl7MPBPP3Jm0S02nu-gAjjRsDtlw8HDi1Dt0/edit?usp=sharing

• This file will need to be moved to the knowledgebase-content Google Drive
• Unable to move this document to the knowledgebase-content Google Drive