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]

Reached out to @ggrrettcchhenn to see if there was anything in the works at the moment for the expunge assist project related to a landing page with mailing list, but that will be coming down the line as it has been identified by the project as a need, will work with existing examples provided above by Bonnie to create initial guide draft on Product management google drive using the "Guide to PM Documentation" by friday, while also reaching out to other projects which may already be released

[sdimran]

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

initial draft (not in guides folder yet)

[sdimran]

Hi @Olivia-Chiong -- is there someone part of the 100 automations project who worked on creating and configuring this landing page that I can reach out to to better understand some of the content? this will help in ensuring the presentation of the material in the guide is as clear as possible.

[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]

@sdimran are you still working on this guide?

[ExperimentsInHonesty]

bumping this back into your inbox @sdimran are you still working on this guide?

[ExperimentsInHonesty]

@sdimran we are going to unassign you from this issue. If you want to work on it again, please provide update and reassign yourself

1. Progress
2. Blockers
3. Availability
4. ETA

[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 - [x] Add list of projects to the resources below to aid with the gathering step. The list can be found here https://github.com/hackforla/product-management/issues/321 - [x] 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](https://drive.google.com/drive/folders/1lO8k_0Z1UejkuRlNMYlUl2xlqgyBmvrF?usp=sharing)~ [new product management google drive>Product Management Guides](https://drive.google.com/drive/folders/1u9YOTWevHwEiHP8-r8d00rlqOn6q8e-5?usp=sharing) - [ ] 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 hackforla/knowledgebase-content#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