1364218 - build v1 of internet health podcast site

Status: RESOLVED FIXED

(Websites :: Other, enhancement)

Description

[Jonathan Petto [:jpetto]]

Bug to track building the first version/pages of the Internet Health podcast mini site.

For V1, we will launch a landing page and a page for the first episode. In contrast to most other pages on mozilla.org, these pages will be focused on mobile users.

# Landing page

The landing page will include subscribe links, a chronological list of all episodes (possibly with an embedded player for each?), and content pulled in from the Internet Health blog.

# Episode page

Episode pages will include subscribe links, episode title, description, embedded player, and additional/supplemental content, e.g. links to material referenced in the episode.

# URLs

www.mozilla.org/internet-health/podcast/
www.mozilla.org/internet-health/podcast/episodes/01-episode-title

# Podcast feed

FeedPress [1] via feeds.mozilla-podcasts.org (see bug 1357559).

# Podcast hosting

Simplecast [2], which will provide an embeddable player.



[0] https://docs.google.com/document/d/1X4eJBgIo7gJ2KSyyzDQJmn9cWoeM_yI-0yz54MuObLs/edit#heading=h.u3t470wrp9l8
[1] https://feed.press/
[2] https://simplecast.com/

Comment 1

[Jonathan Petto [:jpetto]]

One open question: how will we produce and serve episode transcripts?

Comment 2

[Jonathan Petto [:jpetto]]

Notes from meeting on 5/16:

- en-US only, but will not block other locales from viewing

- "About" page is needed:
    - link to existing privacy policy
    - list authors, credits
    - describe purpose of podcast

- transcripts will be provided by Pacific Content, but still TBD on how they should be served (PDF, web page)

- content outline and copy draft to come mid to late next week

- no need to bring in blog content, can simply link to Internet Citizen blog


Visual assets needed:

- logo
- Apple Podcasts button
- Spotify button

Comment 3

[Jonathan Petto [:jpetto]]

We now have a new URL: irlpodcast.org

Since blog content is no longer needed, and we aren't using the global nav, and we aren't localizing, and we have a unique URL, it now makes more sense to launch this as a stand-alone site as opposed to building into bedrock/on mozilla.org. Will file a separate bug for analytics requirements.

Site launch is targeted for 6/12.

Outline doc: https://docs.google.com/document/d/1winaKV86JuxAkuFWjo8PFktdglSAH_1B1v268k0jrF8/edit

A "trailer" episode is scheduled for 6/19. This will effectively be episode 0, and will be presented as any other episode.

The newsletter form should subscribe visitors to the "mozilla-foundation" newsletter (which is the same newsletter targeted on mozilla.org/internet-health).

Comment 4

[Jonathan Petto [:jpetto]]

Some additional links:

Podcast timeline doc: https://docs.google.com/spreadsheets/d/1jqbh4iaxgYzxjzrpKVthRDcXHH6M4xPYCQM1zfmAXOo/edit?ts=59307e7a#gid=0

Available Simplecast player themes: https://help.simplecast.com/managing-your-podcast/choosing-an-audio-player-theme

Dev site: https://mozilla.github.io/irlpodcast/

Design, including logo, to be delivered by 6/2 EOD.

Comment 5

[Michael Ham]

Attachment: Podcast Cover Image – IRL w/Veronica Belmont – 1200px

Large Image – Podcast Cover Image – IRL w/Veronica Belmont – 1200px

Comment 6

[Michael Ham]

Attachment: Podcast Cover Image – IRL w/Veronica Belmont – 600px

Medium Image – Podcast Cover Image – IRL w/Veronica Belmont – 1200px

Comment 7

[Michael Ham]

Attachment: Podcast Cover Image – IRL w/Veronica Belmont – 300px

Small Image - Podcast Cover Image – IRL w/Veronica Belmont – 300px

Comment 8

[Michael Ham]

Attachment: hero_veronica-belmont.zip

Zipped file containing portrait image of Veronica Belmont for about page. 3 sizes included.

Comment 9

[Michael Ham]

Attachment: logo_pacific-content.png

Logo for Pacific Content on about page.

Comment 10

[Michael Ham]

Attachment: moz_podcast_IRLwVB_cover_1200px.png

Updated Podcast Cover - 1200px

Comment 11

[Michael Ham]

Attachment: moz_podcast_IRLwVB_cover_600px.png

Updated Podcast Cover - 600px

Comment 12

[Michael Ham]

Attachment: moz_podcast_IRLwVB_cover_300px.png

Updated Podcast Cover - 300 px

Comment 13

[christa seabolt]

Attachment: Podcast Sketch File

Sketch file for the approved design for podcasts.

Comment 14

[christa seabolt]

Attachment: podcast_r3.png

Podcast design png.

Comment 15

[[e-mail]]

Hi Jon and team,

Here is website copy: https://docs.google.com/document/d/1SBGpRsXR_A6JK0FREIciqx8Onw_X5lKGhj3E4V1TIMU/edit. 

Super excited to see this all start to come together. Have a great weekend!
Michaela

Comment 16

[Eric Renaud [:erenaud]]

Jon - Michaela let me know that copy ^^ is ready to go into the dev site for final review when in page.

Comment 17

[pgerman]

Hi Jon,

Here's the code for GTM. Please drop this into the page.

 Paste this code as high in the <head> of the page as possible: 
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5H9T7GF');</script>
<!-- End Google Tag Manager -->


Additionally, paste this code immediately after the opening <body> tag:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5H9T7GF"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Comment 18

[[e-mail]]

Hi all — JPetto and I just had a quick call and made this decision, as it's becoming apparent that we need Show Notes on the Website. 

Rather than in the UI having "Subscribe" "Share" and "Transcript" buttons (in that order) on the larger page and episode specific pages, we'd like to see:
"Subscribe" "Show Notes" and "Share" buttons (in that order). 

The Show Notes will open an overlay, just like the others, and I'll be sure to get you copy ahead of each episode launch. 

Related to "Transcript," I'd like to make sure that we still include transcripts somewhere on the site for accessibility purposes. However, I leave it to Jon and Crista to think about where makes the most sense. 

Any questions let me know. (And, I'm sorry for the late breaking request. We listened to the first cut of the first episode, which suggests a link to a resource can be found on our website, and we want to make sure that we can hold true to this promise for this first episode, and those following.)

Comment 19

[[e-mail]]

Hi all -- 

We have nearly all assets ready for our first "episode" on the Website — the IRL podcast trailer! All assets can be found via this link: https://docs.google.com/spreadsheets/d/1EBZzdXWVDzIfr-CKR-fD_lLVPtnYlQs-tLtQabnbLDY/edit?ts=59273040#gid=0. 

Rows to utilize for the website:
- Row 3: Title
- Row 6: Website Description
- Row 7: SimpleCast Full episode link
- Row 8: SimpleCast Full episode embed code
- Row 10: Transcript Link
- Row 12: Shownotes

The only "assets" were waiting for are links to go to in order to subscribe for Apple Podcasts, Spotify, and RadioPublic. Pacific Content will add those once our Trailer is accepted. 

So close! Have a great weekend all. 
Michaela

Comment 20

[[e-mail]]

(In reply to [e-mail] from comment #19)
> Hi all -- 
> 
> We have nearly all assets ready for our first "episode" on the Website — the
> IRL podcast trailer! All assets can be found via this link:
> https://docs.google.com/spreadsheets/d/1EBZzdXWVDzIfr-CKR-fD_lLVPtnYlQs-
> tLtQabnbLDY/edit?ts=59273040#gid=0. 
> 
> Rows to utilize for the website:
> - Row 3: Title
> - Row 6: Website Description
> - Row 7: SimpleCast Full episode link
> - Row 8: SimpleCast Full episode embed code
> - Row 10: Transcript Link
> - Row 12: Shownotes
> 
> The only "assets" were waiting for are links to go to in order to subscribe
> for Apple Podcasts, Spotify, and RadioPublic. Pacific Content will add those
> once our Trailer is accepted. 
> 
> So close! Have a great weekend all. 
> Michaela

Oh, and you need the trailer episodic artwork. Coming Monday or Tuesday! Stay tuned. And, have a great weekend.

Comment 21

[Jonathan Petto [:jpetto]]

(In reply to Eric Renaud from comment #16)
> Jon - Michaela let me know that copy ^^ is ready to go into the dev site for
> final review when in page.

Final copy is on the dev site:

https://mozilla.github.io/irlpodcast/

Comment 22

[[e-mail]]

(In reply to [e-mail] from comment #20)
> (In reply to [e-mail] from comment #19)
> > Hi all -- 
> > 
> > We have nearly all assets ready for our first "episode" on the Website — the
> > IRL podcast trailer! All assets can be found via this link:
> > https://docs.google.com/spreadsheets/d/1EBZzdXWVDzIfr-CKR-fD_lLVPtnYlQs-
> > tLtQabnbLDY/edit?ts=59273040#gid=0. 
> > 
> > Rows to utilize for the website:
> > - Row 3: Title
> > - Row 6: Website Description
> > - Row 7: SimpleCast Full episode link
> > - Row 8: SimpleCast Full episode embed code
> > - Row 10: Transcript Link
> > - Row 12: Shownotes
> > 
> > The only "assets" were waiting for are links to go to in order to subscribe
> > for Apple Podcasts, Spotify, and RadioPublic. Pacific Content will add those
> > once our Trailer is accepted. 
> > 
> > So close! Have a great weekend all. 
> > Michaela
> 
> Oh, and you need the trailer episodic artwork. Coming Monday or Tuesday!
> Stay tuned. And, have a great weekend.

Hi Jon -- closing out this thread. We'd like to use the same cover for the series as the image for the Trailer episode artwork. So, you should have what you need (aside from the links for subscription) to get everything else set up. 

Can you ping me when the site is ready for a review this week? The copy looks great on the site now, but I think it's still not quite what we saw of the UX recommendations Christa put together for Desktop.

Comment 23

[Jonathan Petto [:jpetto]]

Had a review meeting w/Michaela & Christa today and we are in good shape. Feedback/comments are here:

https://docs.google.com/document/d/1HBE-3O266JmtfNdbqNkIQ8_FB6urQ5hSHEeDuS-1egw/edit