Back
Bookmark Landing Page
A playful and generic responsive landing page for a bookmarking app or extension for browsers, including its features, frequently asked questions and a newsletter sign up.
Links
The challenge
Users should be able to:
- View the optimal layout for the site depending on their device’s screen size
- See hover states for all interactive elements on the page
- Receive an error message when the newsletter form is submitted if:
- The input field is empty
- The email address is not formatted correctly
Screenshot
Desktop
Mobile
Tablet
My process
This is a very simple landing page, only a few stuff needed to be taken care of like the little blue blob backgrounds are HTML elements, and not in the SVGs provided.
I purely chose React instead of other frameworks I like more, because I’d like to show that I can also work with React, it’s just that I prefer other similar frameworks like Solid.js (also uses JSX) or another that uses its own compiler entirely like Vue or Svelte.