 What is a wireframe? Just as every video should start with a script or storyboard, every website should start with an outline. An outline helps you to keep track of all the things you wish to include, and it helps you organize where you would like everything to be. A website outline is commonly referred to as a wireframe. A wireframe is essentially a skeleton of your web page. It outlines the structure and layout. Your wireframe doesn't have to be perfect. In fact, basic wireframes typically have very limited visual appearance and mainly consist of different boxes. Styling, colors, and images are usually not included. Wireframes can be done in a variety of ways. By sketching on paper, using any graphic design program, such as Adobe Illustrator or Photoshop, or by using dedicated products developed specifically for building wireframes and prototypes. Such as Adobe XD or Lucidchart. Even if you're using a website creation tool that offers templates, it is still worth spending a bit of time wireframing. It will save you time by allowing you to have a clearer idea of what kind of template you are looking for and how you would modify it. Here's an example of a basic sketched wireframe. It helps to use consistency throughout your wireframe. For example, a cross represents an image. A thick black line represents a header. A thin black line represents regular text and important titles are written. Although creating a wireframe is an extra step, it will save you time in the long run by ensuring you are organized during the building and designing of your website.