Skip to main content

Website Planning and Creation





Building a website without a plan is like constructing a building without blueprints. Things end up in the wrong place, features are overlooked, and the situation is ripe for miscommunication between website builder and client. Planning your website ahead of time will give it clear direction as well as prevent missed deadlines and backtracking. If you are a web designer working with clients, then this guide will help both of you to plan properly. If you are a business owner or employee of an organization, then this guide will help lay the groundwork for your coming website.


Q: How to Create a Website Plan?


Ans: Before you begin making the web pages that will make up your website, you will need to create a website plan:


  • Draft a preliminary website plan. 
  • Draw a website map. 



Drafting a preliminary Website Plan



Website plan outlines the purpose and goals of your website. It should address the following issues: 

Website Purpose: What is the purpose of your website? Clarify your reasons for building the site and list the site's goals, ranked by importance. 

Is it to gain publicity for your business? To sell your inventory? To rally support behind a cause? It’s important to identify your website’s purpose, as well as your target audience. You should also define your goals. How many visitors do you expect per month? How many do you expect will sign up for your newsletter? How much in sales do you expect to make? Set measurable, specific goals for your website that are in line with your marketing goals. An analytics tool like Google Analytics will allow you to monitor your website’s performance over time.

• Create a Budget:


Whether you’re an established, mid-sized organization or a fledgling start-up, you should always set a budget for your website expenses. This will probably include funds for web design, programming, and web hosting (though other expenses may apply). Research the market by shopping around and consulting with professionals. Don’t sell yourself short by comparing prices alone. What you save in money you may later pay for with a lackluster site and lots of headaches. It’s better to choose team members based on experience, insightfulness, references, and examples of work.

• Assign Role: 


Assemble the team of people who will be working on the website. Your team may consist of:



  1. Company stakeholders (owner, marketing manager, or whoever else represents a primary function of the business) 
  2. Web developer 
  3. Content writer and/or editor 
  4. HTML/CSS professional 
  5. Web and graphic designer 


Make sure everyone on your team knows their role and what is expected of them, and that they stay abreast of deadlines and new developments.

• Create a Content Strategy: 


Detail what types of text and images you want your site to contain. What kind of content will you be displaying on your website? Content is basically anything that gives your visitors information. It can include, but is not limited to:


  1. Text Documents 
  2. Pictures 
  3. Video 
  4. Blog post 
  5. Slideshows 
  6. Embedded social media feeds (such as your Twitter stream or Facebook page updates) etc. 


Your content strategy is the way that you plan to present your content over time. Since content is such a vital aspect of a website, bring in help if you need it. Hire a writer who is experienced with writing for the web, and invest in some professional looking pictures of your storefront and employees.


• Structure your website. Decide what pages you’ll be using and what features will be on each one. Most websites have an About and Contact page, but the pages you use should meet your business’ needs.



• Create a mock-up. A page mock-up, also know as a wireframe, is essentially the outline of your website (with the initial design being the first draft). Usually created in Photoshop or Fireworks, you don’t have to put too much detail into your mock-up. Use placeholder text to fill pages, and don’t worry about details. This is just to give everyone an idea of what the website will look like.



• Look and Feel: Describe the site's aesthetics, such as the color palette you'd like to use and the overall tone or attitude you intend to convey.



Keep in mind some basic concepts of usability as you go:


  • Make your navigation easy to understand and easy to find. Research shows that most users expect website navigation to be vertical and centered at the top of the page. 

  • Use an easy-to-read font for blocks of text. Choose a background color and text color that contrast well (Hint: No red text on a hot pink background). 

  • Make sure your site fits the screen. Use responsive design (or an equally effective approach) to make your website one that adapts to all screen sizes. 

  • Keep your website light so that it loads quickly.

  • Make the company logo and tagline prominent on the page. 

  • Keep styles and colors consistent across the website. 

  • Make copy clear and concise, and put important information and features (e.g., your newsletter sign- up form) above the fold. 

Make notes about what to include in the style sheet as you design, as you want to keep style and function separate. This is important, not only to comply with web standards but to make it easier to change something in the future if you need to. You should also design with the future in mind. For instance, your website may only have a few blog posts now, but what about when you have two hundred?


• Site Schedule: Determine deadlines for creating drafts of the Site and launching the final product.


• Test it out. Testing is important for getting out bugs out and catching details that you might have missed initially. Make sure your website shows up the way you want it to in all browsers, including Chrome, Firefox, Internet Explorer, and mobile web browsers like Safari and Opera Mini. Test it on your cell phone, your tablet, and your colleague’s cell phones and tablets too. You want your site to have a consistent appearance no matter what screen it shows up on. Make sure all of the links work, that the images are properly sized and that you’ve replaced all of the placeholders with actual content. See to it that all of the forms and other input fields are working.


• Maintain your site. Once your site is launched, the work isn’t over. A website is an ongoing entity that continuously represents your company, so maintenance is very important. Monitor your analytics software to see how your website is performing with the public. Keep an eye on metrics like your number of unique visitors, bounce rate, and which pages are most popular on your website. You might find that certain metrics are more useful to you than others, but that is information you’ll find out over time.


You should also have a plan for maintaining the website, such as who is responsible for posting new content or monitoring site security. And of course, get feedback from your users. Feedback is a valuable tool for improvement.


Planning a website ahead of time is just as important as planning anything else in business, yet this step often gets overlooked by those anxious to claim their piece of internet real estate. Taking the time to plan your website is a great INVESTMENT, and it will better your chances of having a finished product that serves you well for as long as you need it.

Draw a Site Map


Once you have your site plan in place, you're ready to create a sitemap of your website layout. Your sitemap should include each of the sites main pages and how they are linked together. You can draw a sitemap on paper or with image editing software, such as Adobe Fireworks or Photoshop. A typical sitemap might look like this:




Try AWeber free for 30 days! - AWeber Communications







Comments

Popular posts from this blog

HOW 2 CONNECT RELIANCE NET CONNECT EC325 ON MAC

It’s only been with me for a couple of days but I’m already addicted to the sweet device. And as usual, set up is as Mac as can be… if you know the proper settings. 1. Start by plugging in your RELIANCE NETCONNECT EC325 device. It’s SIMPLE a blocky ugly but functional device that takes up more than its share of the USB port on my Macbook OR mac book PRO. The small light should from BLUE and then stay. 2. Open System Preferences and navigate to Network. A CDMA Technologies MSM device should already be detected. Select that and click Configure. 3. Fill up the settings as in the pic below. The number to dial is #777, the username and password are the same: your Reliance 10 digit number. Be sure to check Save Password to avoid nag screens. 4. Click on the Modem tab and from the list choose the ‘ CDMA 1x WIN W01K modem'. The default selection will not work. Navigate back to the PPP tab and click Dial Now… 5. You’ll be presented with Int

Digital Marketing the Future

Marketing is not the art of finding clever ways to dispose of what you make. It is the art of creating genuine customer value and experience. Marketing has become very dynamic. We have not only improved the way we create advertisements, but we have also made an impact on the way people buy our products. Every day, companies are creating new ways to make people feel like they want their products or even better like they need them. Consumers want to make their own choices and buy what they buy for personal reasons. According to research from ODM Group, over 70% of consumers consult social media before making a purchase. So, people don’t always choose by themselves when buying something. India, a densely populated country with a population of 1,339,180,127. There are ample opportunities that are created every minute for the people. And when we say digital marketing, then note that the future of digital marketing in India and the scope of digital marketing in the future is goi

TCP/IP (Transmission Control Protocol/Internet Protocol)

TCP/IP (Transmission Control Protocol/Internet Protocol) OSI Seven Layer Model This will present TCP/IP communications starting from Layer 2 up to Layer 4 (TCP/IP applications cover Layers 5-7) IP Addresses Data Link Layer Network Frames Address Resolution Protocol Network Layer Internet Protocol IP Routing ICMP Error Reporting Transport Layer User Datagram Protocol Transmission Control Protocol Session through Application Layers Domain Name System Final example tracing DNS transaction through a router Definitions:- Physical network - a collection of computers, communications devices, wiring, etc. that communicate directly with one another (e.g., Ethernet, Token Ring) Host - A computer, connected to a physical network, that exchanges information with another computer via TCP/IP Gateway - A computer that interconnects two or more physical networks and that routes TCP/IP information among those n