Skip to content
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

Update the NUX modal #41960

Closed
ramonjd opened this issue May 7, 2020 · 3 comments · Fixed by #41966
Closed

Update the NUX modal #41960

ramonjd opened this issue May 7, 2020 · 3 comments · Fixed by #41966
Assignees
Labels

Comments

@ramonjd
Copy link
Member

ramonjd commented May 7, 2020

Let's update the text and images for the Gutenboarding NUX modal! 🙌

The changes require work in the FSE plugin directory, and are meant for Gutenboarding sites only.

The "Private until you're ready to launch" slide is commented out at present for all sites, but we can turn it back on for Gutenboarding sites.

The copy

Welcome to your website
Edit your homepage, add the pages you need, and change your site’s look and feel.

Add or edit your content
Edit the placeholder content we’ve started you off with, or click the plus sign to add more content.

Preview your site as you go
As you edit your site content, click “Preview” to see your site the way your visitors will.

Private until you’re ready
Your site will remain private as you make changes until you’re ready to launch and share with the world.

image
image
image
image

Context and links to Figma files
p1588879262397200-slack-CPFFQTG69

@ramonjd
Copy link
Member Author

ramonjd commented May 7, 2020

Hi @joanrho !

I just have a few questions:

Do the copy changes + images apply only for Gutenboarding or everywhere?

Only asking because the background colors of the images in the Figma file differ slightly to the existing SVGs

Current
#1381D8
Screen Shot 2020-05-08 at 8 41 29 am

New
#3981D2
Screen Shot 2020-05-08 at 8 40 10 am

The scale/crop is also slight different, but that's no drama I expect.

Also double checking that we're going to skip over the step in the current flow that doesn't exist in the Figma file. The "Customize your content" step with this image:
Screen Shot 2020-05-08 at 8 50 33 am

@joanrho
Copy link
Contributor

joanrho commented May 7, 2020

@ramonjd Sorry, that blue change in the "add block" illustration was an exploration on my part that I forgot to "undo" (I had wanted to see what unifying the blues between the background and the plus icon and search field border would look like). Please ignore that and let's just keep all the same colors as in the existing flow.

The only change is the text in each screen, the additional step, and the addition of the new illustration. I've just updated that new illustration in the Figma file to replace the W icon with a circle:

Screen Shot 2020-05-07 at 5 26 45 PM

Do the copy changes + images apply only for Gutenboarding or everywhere?

IMO this should be launched to all users, not just the Gutenboarding cohort because they will all be served the same Editor experience. Users who are not in the Gutenboarding cohort will still have private sites until they hit Launch in Customer Home or their site Preview, so the modal we show regarding "private until launch" (screenshot below) is still relevant and it's not specific to an Editor-launch. What do you think, @johnHackworth @olaolusoga?

Screen Shot 2020-05-07 at 5 28 23 PM

@ramonjd
Copy link
Member Author

ramonjd commented May 7, 2020

Thanks for the update @joanrho !

I don't think translations for the new strings will be ready in time for soft launch, so we might have to do some if/else on the copy in the interim. That is, if "Gutenboarding" show the new copy, otherwise should the existing copy for which we have translations.

Gutenboarding will be released to en for the soft launch.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants