Add newsletter signup to the footer

[MoritzKa]

We are going to have several websites (e.g. the main landing page, and the blog) To make sure users have the chance to subsribe to the newsletter on every page we can add the sign-up form to the footer and remove the current sign up section completely.

Design proposal Figma file

Remark:

• I added a checkbox for explicit consent as requested by EU law.

[MoritzKa]

@dvoroneca can you have a look at it and see if it makes sense from a UI and UX perspective?

[diana0xUX]

@MoritzKa I think it is a nice touch. I've switched places for social media and email subscription form so it doesn't change spacing when the email subscription form changes its state.

Also, we don't have a component with a button in the input field yet, so there is some room to think about a design of this field.

How about we use the same radiuses in the input files as we use in the chrome installation button in the same block. And also we can show an input field first and upon activating we can show a GDPR required checkbox.

[MoritzKa]

Thanks for creating these different states. Switching places with social media links and re-using existing components makes sense. One concern that I have is the low contrast of the sign up field compared to the yellow background. Does it catch the visitors attention well enough?

[diana0xUX]

I think if the user has an intention to subscribe, he will notice the form. Adding a white field would definitely take away the attention from all the other components on the screen.

[MoritzKa]

cc @pooniajay @secondl1ght

[secondl1ght]

Great work @MoritzKa @dvoroneca, I am starting to work on this now.

[pooniajay]

good work guys, just attempting to resolve the "subscription/sign-up" and "Alby Buzz/Newsletter" copy

[secondl1ght]

PR is in for this #138

[secondl1ght]

PR has been merged