Home / Tech / How To Create A Rough Draft Of Your Website

How To Create A Rough Draft Of Your Website

How To Create A Rough Draft Of Your Website

Your Website
Your Website

If you are creating a website for your business or even for personal use, remember that the website is a representation of your business on the World Wide Web. Either way, it is an extension of your personality and reputation. Your website will be open to the millions of users online, so while building it makes sure it is top notch. It should be the best representation possible.

This is why you should ideally create a rough sketch of what exactly you want before either designing the website yourself or by hiring a web designer to do it for you. Here are a few pointers. Arm yourself with a notebook and pencil.

  • Take one piece of paper each for the web pages that will make up your website. That way you can organise all your web pages sequentially. Take the overall premise or theme of your website and jot it down on the top of every page or sheet. This will serve as a reminder to you to keep focussed. The first sheet has to be the home page which is the first page to greet visitors when the website is loaded.
  • Create a box or rectangle on the top of every web page and write the name of the proposed website in it. Also, if there is some image or logo that is associated with your business then it should be put in next to the title of the website.
  • The links to your web pages should either come under the title of the website or on the left side. This will be the menu or the navigation bar. The main purpose of this is to guide visitors through the website. If your website is that of a band, then the links could be discography, shows, etc.
  • At the bottom of each sheet, there should be another box or rectangle drawn. This will represent the footer of the website. Usually, footers have the name of the website owner on it along with the date of the publication of the website and an ‘All Rights Reserved’ notice. This means that the website is protected by copyright. For example, a typical footer would be ‘Copyright John Smith 2014. All rights reserved.’
  • On each page of paper, put down the title of the page under the navigation bar. Also, if the navigation bar is aligned to the left, then the text of the title should be on the right side. Each title should have a clear and distinct meaning so that the visitor will know exactly what the page contains and also that each page of the website will display something new.
  • Now comes the meaty part of this process. On each page, write down the content that you want to put. Start off with the home page and put down remarks about how you want the visitors to be welcomed to the website. The home page should ideally contain a message about what the website is all about, an introduction of sorts. Also remember to sketch in the boxes for where you want the images and the other graphics content. Put down notes about the content on every page that you move through. Be sure to offer the visitor something new and unique on each page.

With such a rough draft, it will serve as a base for your actual designing process.

About the author

SEMrush

Roy Harper is the head of graphic designing at a reputed web designing agency for the past ten years. In his free time, Roy likes to manage a little cafe with his friends.

2 comments

  1. Thank you for sharing some useful points for creating a website. Many web design companies use different languages for creating website. You have mention nice point on how to first create rough website on book. Nice way and easy steps you have mention post. This will help for developers who are new as even some mistake happens we can adjust it and then implement it. Many thanks for this as there is one excellent point on logo because logo must be creative and must transfer useful information through it. Good to read your post

  2. Great article Ray! Many thanks for discussing an article on rough website. I have read your blog and felt that I should read it carefully as it is gives me tons of knowledge. Excellent
    points you have mention in post and all your points are useful for many web design companies. As designer most of time implement practically but you have given some another way which is unique. Nice to read your post. Keep sharing such useful and great article.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.