Creating a simple wireframe as a base for the layout

A wireframe is an overly simplified version of a website. When we say simple wireframe, what we really mean are empty placeholder boxes. There are no colors, no images, and no text to distract you from the first task of a web designer: the arrangement and flow of the information on the page.

There are several apps online to create wireframes and help you sketch your website ideas, but if you already use Inkscape, you might just create your wireframes in vector as well!

Before starting to work on the layout, you need to decide the screen sizes you design for. As you know, we face a wide array of screen sizes nowadays. This forces us to design for most of the brake points in responsive design, ranging from under 320 pixels (px) to sizes above 1920 px.

Now, we need to decide in what order things will be presented on the website.

The landing page for CloudUsers will include the following:

• An area for the logo and...