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.

reacttailwindcssastro

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

Desktop

Mobile

Mobile

Tablet

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.

Built with