My plan: update free plan page

[keoshi]

Fixes #10995

Changes proposed in this Pull Request:

• Update the Free plan page on My Plan:
  • Make plan feature cards more useful and actionable.
  • Reorder cards so that Security & Performance are the top two focuses.
  • Remove Premium plan promo.

Testing instructions:

• Go to your Jetpack site or create a new one.
• Connect Jetpack if it isn't already.
• Go back to wp-admin and open the My Plan page.
• Make sure the page is cleaner from distractions, and that all cards have a corresponding action.

Before

After

Proposed changelog entry for your changes:

• My Plan page is now more useful and actionable for free plans.

[jetpackbot]

Thank you for the great PR description!

When this PR is ready for review, please apply the [Status] Needs Review label. If you are an a11n, please have someone from your team review the code if possible. The Jetpack team will also review this PR and merge it to be included in the next Jetpack release.

Scheduled Jetpack release: April 2, 2019.
Scheduled code freeze: March 26, 2019

Generated by 🚫 dangerJS against f05c879

[joanrho]

@keoshi thanks for starting the build on this! So far, it works great on testing. I'm not sure about the last card that condenses the 2-col wide paid plan upsell card @jeffgolenski originally had designed in his mockups in the Issue...so, let's discuss more on Monday.

Unrelated to this PR, but worth mentioning here while I'm testing: the many notifications that pop up on my first visit to this page (some new Coupon code thing?), Jumpstart, and everything below the Free plan features are distracting. I've made a note to address this as part of Improved Onboarding.

[jeherve]

the many notifications that pop up on my first visit to this page (some new Coupon code thing?), Jumpstart, and everything below the Free plan features are distracting. I've made a note to address this as part of Improved Onboarding.

Related: #10752

[jeffgolenski]

This is a great start, thanks @keoshi We've got some time until the next release, so let's take our time to craft a little more on this page. Including conditionally removing all the added up-sells on this page, as mentioned in the originally issue. #10995 (just posting this here for others to see)

[keoshi]

@jeffgolenski I believe I removed all up-sells — which ones are you referring to?

[jeffgolenski]

@keoshi I'm still seeing the prompt to download the app in the footer. I suppose that's not technically an up-sell, but a cross-sell. Can we work that into one of the cards you think?... actually, do we have metrics on that CTAs success?

Also, we should take a look at fixing up the plans grid page as well. First off, just removing the giant themes up-sell banner (after we look at CR metrics, of course)

[keoshi]

@jeffgolenski, thanks for the feedback!

Can we work that into one of the cards you think? (...) do we have metrics on that CTAs success?

Yep, I think that's a good idea, but take a look at the data I sent you on Slack. The amount of clicks on that banner is non negligible, and the card seems to be pretty effective (as annoying as it might be).

Also, we should take a look at fixing up the plans grid page as well.

Yep, let's do it on a separate PR though since this is for the My Plan page. Can you open a new issue for that, please?

[jeffgolenski]

@keoshi Per our chat, we can bump the Plans Page modifications to our Project 10. Jetpack Plans Marketing Improvements

[keoshi]

I've updated this PR @jeffgolenski @joanrho — would appreciate another quick design review.

[jeherve]

I really like that change, and I don't see any issues with it. The page is so much more useful to me that way, I can finally go to "My Plan" and actually know what plan I am on! 🎉

🚢

[joanrho]

Just tested and looks/works as expected. Really nice work @keoshi, thank you! 🚢