-
Notifications
You must be signed in to change notification settings - Fork 29
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
New landing page: The WordPress Briefing Podcast #491
Comments
^ removed some spam comments |
It may not be exactly like the Latest News section, but we'll likely want it to have some additional content vs. the straight up RSS (like episode length, short description, etc). So this is good to know.
Hmm. I don't want to assume here, so flagging @bjmcsherry for your thoughts.
Great question. If it can be done by WCUS (or sooner), that'd be fantastic. |
Yes, we will still have the episodes uploaded to /News since many subscribers to News came because of the Podcast. Also, what are the chances of still being able to view stats for episode plays from the LP? Or would a play here just add to the totals we have on /News? Which is also fine. They use Seriously Simple for stats there. |
@jasmussen / @sfougnier Copy is ready to go for the page. I've also added it to the draft page (preview may not work) that @ryelle created. It's a mess at the moment, but let me know if there's more I can do to help prep it for you to start. It may be worth looking at the copy document first to get an idea of the sections. Happy to answer questions or discuss anything further. |
I'll take a look as soon as I get a moment. Some other tasks landed on my table. My instinct once I'm able to take a stab, |
Took a deeper look. The draft page is a big help in figuring out how the existing landing page can be elevated. Diving in, however, I think it might still be useful for us to do a quick pass with some of the Figma templates we've got. So I kicked off a starting point in this Figma file. @sfougnier if you get a moment, can you take a look? I'm not happy with the layout as proposed there, but the ingriedients were ported over, giving a head-start to potentially make something nice. Let me know! |
Just noting that the deadline for this has been pushed to September 30, 2024. |
Based on mockups @sfougnier did in this Figma file, I expanded upon the work slightly and landed on the attached: Firstly, please share your thoughts on these, content/structure/design-wise. I suspect that given this becomes a destination on its own, it will be possible to reduce some prose here and there, perhaps move it to subpage or otherwise. But as-is, I've worked to make sure this came together. Since it will be block editor pages, it will be trivial to edit after the fact, so we could start a first iteration pending feedback and a few open questions. Questions:
|
Thanks for pushing this forward, @jasmussen (and @sfougnier for the initial exploration). Overall, the design looks beautiful. I especially like the hero section. My feedback mostly relates to the Episodes and Start here sections: Episodes sectionHaving so many podcast players feels like too much for the page. It also includes a lot of redundant information (name of podcast x2, name of title x2, etc). If possible, I think having one featured episode with the player + a list of the next 5 recent episodes (perhaps in a similar style to the events page?) would condense the page and pull up the other information. Driving listeners to the specific episode page is ideal since it has all the extra resources/information about the episode. Start here sectionOriginally, this section was meant to include the three most popular episodes to let new folks jump into what seems to be the hottest topics/most listened to (as a hook). But we can also just feature the first one. If we go with the first idea, is there another way to present the episodes that's not the player? They can just be links to the episode pages. Everything else looks fine to me as a first iteration. @bjmcsherry Do share if you have any additional thoughts. I do want to note that the initial scope of this project was just to create a landing page that would end up just linking to the existing WP Briefing episodes on the News blog (where they currently live). That being said, it would create a much nicer experience if we could leverage the designs you're presenting for a podcast archive and podcast episode page. @ryelle Would something like this even be feasible since the podcast is published on News?
I may need additional clarification here, but do you mean the other pages besides the landing page? (If so, see my note on scope above.)
I'll let WP Briefing producer @bjmcsherry weigh in here officially, but I think we could and should. Saul already updated the visual language for the podcast for our social assets (seemingly with the same look and feel as the explorations you've linked).
I'll defer to Kelly on this one. |
No… the scope of this was to create a single new page (eg,
We don't currently have a way to add the player to this page at all — earlier I suggested we could use the Latest News block from the homepage with a backend tweak to pull from Episodes, but this will only include the title, date, and category. I'm sure we could figure something out to support a player, but adding that, the excerpt, and the unique layout increases the dev time needed here. Of those, the player is the biggest unknown, so if we could omit that entirely to push people to the episode pages, it would be easier to build. |
Great feedback, both! I will need to come back and address all the feedback, suggestions, and work within the limitations, so the first draft here served as an excellent catalyst for that feedback, thank you. I should still be able to make the Sep 30 deadline, even though I am AFK next week, but in the mean time, here's what I'm hearing, re-stated here so you can correct me:
If that sounds right, all of it is very reasonable. I would say it suggests we keep the current podcast artwork intact, at least for the time being, and I'll make sure there's more visual connective tissue between the landing page and the news archive. I would still say that design elements and explorations made here can be shelved for future explorations, so any feedback you get on these is still welcome, even if the V1 will be pulled back a little. Thanks again! |
Thanks for clarifying all of that, @ryelle. @jasmussen All your bullets make sense to me. Just an update on the last one:
For this iteration, let's drop the "Start here" section entirely. It's a nice-to-have at the moment, and we can figure that out after the page launches.
I agree on the idea of visual connective tissue between landing page and news, but not sure about keeping the current artwork the same. We are using @sfougnier's refreshed approach to promote the podcast on social, so we could lean more to the new as you've already done. |
Coming back, here are two options based on the feedback. i4a: Emphasis here is on keeping intact most of what exists, just adding into the mix a new landing page.
I'm not entirely feeling the "About the show" part of the landing page yet, though let me know your thoughts, we'll thread the needle yet. i4b: This version is closer to what I had before. Which is to say, it has larger updates, though still addresses the main feedback. Layout should be mostly similar to what ships on the two subpages but more white has been added overall. |
Thanks @jasmussen! I like the addition of the blueberry in i4a, but the 'About the show' section needs to come before 'Meet the host' (like in i4b).
It feels kind of empty next to the text. Would another image work there, perhaps? Something related to the podcast? Or representative of the community? |
@bjmcsherry Can you confirm what the URL should be for the WP Briefing landing page? |
Here are 4 new options. I have omitted entirely the visuals for archive and permalinks, because as scoped, those are not part of this effort. Apologies for any confusion created otherwise. In these first three, the feedback is addressed, though the layout is largely kept the same. I'm trying to keep the rhythm of the "About the show" being before "About the host", by putting a new illustration on the right, the same one used on permalink pages. It's not fully coming together: An alternative is to use the same main column width for text as we do on the permalink pages, and simply remove that illustration: Of these, I like this last one the most, and notably it doesn't preclude future enhancements as we come back to revisit. It's also easy to build. Let me know your thoughts! |
I'm partial to the second (blue swirl) or fourth option. |
This looks great! +1 to the blue circle. |
Blue swircle seems to be the winner here. (I like it, too.) Let's do it! |
Cool, logistically I have a bit of a challenge with other work this week. Mind if I do the actual building Wednesday next week? |
Sure thing. Thanks for letting me know re: bandwidth. I may have time today/tomorrow to jump in myself. I can probably copy blocks in from other pages for most of the content. 🤔 Would that be helpful? |
That would be great. I will have some time tomorrow to help get this together as well. |
Thanks for getting this started @thetinyl. I made some good headway on adding the images and fine-tuning the design. I'll pick up where I left off on Monday. |
Checking in here! @ndiego do you have this task from here on out? If so, thank you! Otherwise, I can have some time on Wednesday. And I'm always here for pings or questions or otherwise. |
Yup! @thetinyl and I will keep pushing this forward. I'll ping you when we're ready for review or if we run into any issues. |
After speaking to @bjmcsherry , we've decided that it would be best to use |
We can definitely do |
I updated the slug to @ryelle I have gotten the page pretty close to the Figma using the CSS below. The one thing that is missing is the styles for the social links. I copied over the classes from the News theme, but that's as far as I can go on my end. @jasmussen the one thing missing from the mockup is the "Read more" links below each episode since that is not part of the RSS block. If anyone wants to test the design, navigate to the preview and apply the following CSS in the inspector. You will need access to WordPress.org to view the preview.
|
Nice work, tested with the CSS you supplied, this works great.
I recognize indeed that the block doesn't support such a link. So I guess if that's what we have to do, one thing we could do to make the links clearer, is make them blue and underlined: I think that can work, though I'll defer to you all on this. |
Feel free to tinker with those details in the block editor, and go with what feels best. |
I'm down with a button. I was going to try that, you got there first! Looks good to me. |
@ryelle here's the latest CSS:
|
This adds custom styles for the Podcast page, as well as filtering the social icons to inject the SVGs for unsupported services. See #491
Okay, I've added that CSS and the code for the SVG social icons, so the preview should now look correct for everyone :) |
@ryelle I don't think I read this correctly the first time. Without an available archive of all the episodes, the only way for folks to see beyond the three episodes on this landing page, is to go to one of the podcast app options. @bjmcsherry @eidolonnight Is that what we want? If that's the case, then we'll need to remove the 'Get more episodes' button. Or have it link to one of the podcast apps. Other than that, I took another look at all the content and everything looks good to me. Thanks for the Editor magic and extra finessing, @ndiego! |
As I understood it (but it sounds like I might've been wrong)— this is a totally new page, so they would still be able to go to |
Oh, unless you meant if we add that suggested redirect — in that case, yes, the only way to view older episodes will be though the apps. So I'd recommend against doing that, personally. |
Yes! Sorry, that wasn't clear. If I'm following: wordpress.org/news/podcast --redirect--> wordpress.org/podcast So no more (accessible) podcast archive. Unless it has an alternate URL? |
I also don't see a way to get to the single-episode page from Pocket Casts, so loosing the archive page would make it harder for people to get the transcripts & show notes. |
Catching up here on the redirect/archive discussion. What if the new landing page just links to https://wordpress.org/news/podcast/. The landing serves as the entry point that we direct everyone to, but the archive on News remains for all the episodes. cc @eidolonnight for thoughts. |
Yeah, @ndiego that sounds like a good solution for now. When we triple subscribers next year, then we can maybe talk again. 😎 |
Background
The WordPress Briefing podcast is a bi-weekly series hosted by Executive Director Josepha Haden Chomphosy. It's an important communication channel for project leadership to share insights and resources related to what's going on around the project.
Currently, new episodes of the podcast are shared on /News, with its archive of older episodes living as a category page.
Why a landing page?
Having a dedicated landing page lets us include more information about the podcast and Josepha, which can help improve searchability and expand its reach. It lets us create a more engaging visitor experience, curate content, and leverage the landing page for future marketing campaigns/initiatives. It would also be ideal to have a different URL that's more ownable/recognizably linked to the podcast (i.e. using the name).
Notes
Tasks
The text was updated successfully, but these errors were encountered: