Dev: Unified Rewards Landing Page

[dmtrjsg]

Context

• Creator Rewards Epic #6038

Design

Link to Figma

➡ RWD

➡ Page component

Scope

1. Update the page in-line with designs
2. ⚠️ Deploy this page to https://dev.gleev.xyz/ypp/new-rewards as this will be the variation scenario AB tested. so the tool will redirect part of the traffic from control /ypp to variation 1 /ypp/new-rewards
3. Add analytics events to new landing page to be sent to Segment

Page View event
1️⃣ visit of page
Page name - Rewards Landing
Page title - Rewards Landing
parameters - utm_source / utm_campaign/ utm_content/ referrerId

Track Events
1️⃣ Rewards Page Create Account Clicked
parameters - utm_source / utm_campaign/ utm_content/ referrerId

2️⃣ Rewards Page Sync from YT Clicked
parameters - utm_source / utm_campaign/ utm_content/ referrerId

⚠️ Importantly - page has multiple sign up entries - top, middle and bottom. Above events can be the same for all buttons.

3️⃣
Rewards Connect on Discord Clicked
parameters - utm_source / utm_campaign/ utm_content/ referrerId

[dmtrjsg]

Design preview in Figma>

[dmtrjsg]

Feedback on preview branch:

1. Images seem to be low res

2. Sign in options remain as legacy google branded YT sync, suggest to follow the designs for the visual

2.1
"create channel" flow would have the following unified flow: Create Membership -> create channel -> landing to rewards dashboard
"sync from youtube" would progress to the external site (then we just swap to API-less sign up)

Preview

Figma

2.2 Link to "Earn as viewer" is missing

3. Hero image seems to be cutoff on the sides

Preview:

Figma:

4 Wrong Font Used

5 Additional sign in buttons missing

6 Rewards section UI upd

1. Remove description of tiers
2. Add "Learn more" pointing to https://www.notion.so/joystream/YouTube-Partners-2164f8685d094984a37cdb1a38e3560d?pvs=4
3. Pls update the copy in the bottom removing the line about "referral rewards are half of sign up" as we will be changing this soon (Crossed on the screenshot below)

7 Project Roadmap

7.1 Missing link to learn more pointing to > https://www.joystream.org/roadmap?filename=2024%20v3
7.2 Content of Roadmap:
The idea here was to only display a subset of roadmap that is relevant for creators and users. ❓ @ikprk is it possible to customise the content of this carousel to only selected items? (see below)

If not, better to have a static image with only a preview of next quarter highlighted items (Q3) and faded Q4 items::

[dmtrjsg]

We need to add an analytics event for the "Create Channel" tertiary button on the new landing page

Event Name = YPP Landing Create Channel Clicked
Event Title = YPP Landing Create Channel Clicked

Parameters
referrer
utm_campaign
utm_content
utm_source

⚠️ NB1: we already have an event YPP Landing Sign In w Google Clicked, which should remain as is and also be triggered by "sync from Youtube" button.

⚠️ NB2: There are multiple places on the page (3) where sign in can be done. Analytics events need to be fired with any of such buttons clicked:

top of page
under creator rewards
bottom of page banner

[dmtrjsg]

Following the test on dev we have an insight that for the AB test to be informative both versions (legacy, deployed to /ypp and variation deployed to /ypp/rewards)

let's add the buttons to sync from youtube and create channel to legacy page and we are good to launch