Posts Tagged ‘build a website’

How can I make a profit?

This article is going to deviate a little from my normal posts because I’m not going to just focus on the web but instead give small business owners a few simple pieces of advice that can help you run a sucessful business both online and in a traditional setting.

What is profit?

First, let’s establish that the goal of every business should be to make money but more importantly, it’s to make a profit and the most proft possible over the life of the business.

If we accept this to be true, then we need to stop and take a deep breath because we need to seperate profit from sales because the amount we sell isn’t actually a reflection of our total profit, in fact a company with high sales can actually be losing money!

Let’s take a look at this in a practical example, of somebody hiring a web designer to help them build a website. In this example let’s say that the website will cost $10,000 to build (it’s a pretty fancy website) plus $10,000 in marketing to successfully launch it. From my experience many people would assume the cost of the website is $20,000 but in reality there is the cost of operating the website and continued marketing so let’s add another $2,000 per month to the website cost plus $1,000 for somebody to look after it each month. In total, our website has a cost of $56,000 for the first year of operation and $36,000 each year after.

N0w, let’s assume that on our website we’re selling something. This could be a monthly membership, physical product which need to be mailed or electronic downloads. Regardless of what type of product you’re selling, there will be costs associated with processing credit cards and delivering the product. In our example, let’s assume we’re selling an item that costs us $10 per unit (each time we sell) and we’re selling that item for $30. At first glance, you may assume that you’re earning $20 per unit but in fact, you’re not since you have to account for your total fixed costs as well. The following chart shows the actual costs per item, assuming the business only operates for one year.

totalcosts1 How can I make a profit? image

As you can see, you’re actually loosing money for the first 1,750 items sold and only making profit above that point. What that means in real world terms is that while you may have collected $52,500 in income from your new online business you spent $56,000 to build and maintain the website plus $17,500 to sell 1,750 products which means you are still short $3,500 which we call a loss.

To calculate the actual break even point for your online business we need to use a fancy math formula, it looks like this:

Revenue(x) = Cost(x)

Actually, that’s not fancy at all. It’s pretty simple really, so let’s expand it to show the break down.

Revenue(x) = Units Sold x Price

Cost(x) = (Variable Costs(x)) + Fixed Costs

So our final math equation (don’t be scared, it’s actually much easier than it looks) is:

Price(x) = (Variable Costs(x)) + Fixed Costs

We know that our Fixed Costs are $56,000 and our Variable Costs are $10 and that our Price is $30 so we can replace those in the equation:

30x = 10x + 56000

Math is awesome, so I know that I can move the 10x to the right side of the = sign as long as I subtract it. This works because if I said 30 “apples” are worth 10 “apples” plus 56000, I could cancel the 10 “apples” from either side, which would result in:

20x = 56000

Now, if I divide both sides by 20 I convert my x (which is the unknown we’re searching for) into a 1 and 56,000 becomes my required units.

x = 2800

So, in order to break even at our business (that is, to have our total sales be equal to our total costs) we need to sell 2,800 units of our product assuming that our fixed costs are $56,000 and our variable costs are $10 per item on a $30 sale.

Expanding the model over two years

In the first example, the fixed cost of your business startup was assumed to be fully utilized in the first year of your business, but realistically a website could last longer so if we want to spread the cost of that website over two years.

To do this, we need to remember that the fixed cost of the website is $15,000 to start plus $3,000 per month. This means that in year one, the cost to run the website is $56,000 and in year two it is $36,000. The total fixed costs to run the website for two years is $92,000 so let’s take a look at the chart with those numbers.

totalcosts 2 How can I make a profit? image

Now, we can use the equation from before to calculate our break even point.

R(x) = C(x)
30(x) = 10(x) + 92000

20(x) = 92000
x = 4600

So, in order to break even (not profit!) you will need to sell 4,600 units at $30, with a cost of $10 per unit and $92,000 in fixed costs over two years.

Charging More

If you would like to charge more, simply change the value of R(x). So if you’d prefer to charge $35 per unit:

R(x) = C(x)
35(x) = 10(x) + 92000
25(x) = 92000
x = 3680

If you find a cheaper supplier and still want to charge $35:

R(x) = C(x)
35(x) = 5(x) + 92000
30(x) = 92000
x = 3666.66

Using this basic formula, any business can quickly calculate what it takes to make a profit buy simply determing the value of x (the number of units you must sell to break even) and adding 1.

How to build a free website

There’s a secret that many web designers don’t want you to know, it’s that there’s no cost to building a website. In fact, you don’t even need special software to do it, everything you need is already installed on the most basic computer available today. In order to build a website, here’s all that you need:

  • On a Windows computer – NotePad
  • On an Apple Macintosh – TextEdit

textedit 300x281 How to build a free website imageNow that you have all the tools that you’ll need to build a web page, you need to understand a few things about building web pages.

How to Format a Web Page

Web pages are divided into two specific areas, the <head> and the <body>, each of these two areas does something specific and before you can build a web page, you need to understand the basic purpose of each section.

Setting up Your First Web Page

basic html How to build a free website imageFor a web page to be recognized by a web browser (the software application used to view a web page) we first need to tell the browser that our document is an HTML document. To accomplish this, all we need to do is place the code <html> on the first line of our document followed by </html> on the very last line of our document.

Once those tags are in place, most web browsers will understand that the content being displayed is an HTML document. I say most because technically, there is a bit more that you should put in there if you want to ensure the site is 100% compatible with all modern web browsers, but explaining the fine details of DOCTYPE structure is a little beyond the scope of today’s tutorial. Needless to say, placing the tags <html> and </html> will tell web browsers what your document is but if you’d like to technically perfect, place the following code instead:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
</html>

Once that’s done, remember that all other code must be placed between the two <html> tags to be recognized as valid HTML.

The <head> Section

The <head> tag of a web page is the reserved for things which other computers and software applications require to understand your web page properly. For example, when a web browser loads your web page there are specific things that it looks for in order to understand what language your site is in, what your web page is about and the name of your page. Within the head section, we want to include details such as:

  • Links to alternative content such as RSS feeds, XML site maps and mobile interface files
  • Javascript links and or content to help the functionality of our page
  • META data for robots to read including a page description, keywords and generator
  • Cascading Style Sheet (CSS) details or links
  • The document content type
  • Codes and robot commands for foreign applications
  • Pingback processing directives
  • The web page icon file location
  • Canonical labels for search engine optimization
  • Base directory directives
  • The title of your document

Sounds like a lot right? Well it is, and it’s all very important stuff. Essentially, the <head> section of your web page stores all the mechanical and client side information required to properly index, label, categorize and distribute your web page as well as the information needed to successfully display your web page in a users browser. I could write a whole post on each of the items above but for now, it’s simply important for you to know that the <head> is used to store those pieces of information and you can add them at a later date.

html with head How to build a free website imageAdding data to the <head> of the document is done the same way as all elements of an HTML document, by opening and closing an HTML tag. In this case, the <head> tag must be opened and later closed </head> in order to store the appropriate content. Between those tags, you may store a series of HTML or xHTML (we’ll talk another day about the differences) data devices for use in rendering your pages. For example, here is a basic <head> element for a common web page:

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Untitled Document</title>
</head>

You will notice that in this basic example we only store the basic information required to make a web page work, the http-equiv which tells web browsers that the document being served is in text/html format (as opposed to text/rtf which is a Rich Text document or text/javascript which would be a JavaScript file) so that the web browser looking at this document understands it is an HTML page. untitled document How to build a free website imageAdditionally, the <head> contains the <title> tag which closes (</title>) after labeling the document Untitled Document. If you loaded the source code into a web browser, you would now see a blank document with no content displayed to the user but a new title at the top of your browser, labeled Untitled Document. This document title is the label being fed to the web browser from the <title> tag contained within the <head> of this document.

The <body> Section

If the <head> of a web page is the content being presented to other computers, then the <body> is the content being displayed to human eyes (or text readers) visiting your web page. Creating content on a web page is wonderfully simple. If you’d like to have a web page say hello, simply add the code:
<body>
hello
</body>
html with body How to build a free website imagePresto! You now have a fully functional web page, albeit a little dull. The <body> section works by displaying exactly what you type as content, so anything (and everything) you add between the two <body> tags will appear on your web page but you have to be careful, HTML needs the content marked up (labeled) to be properly viewed in a web browser. Just in case you didn’t know, HTML stands for HyperText Markup Language, a Markup Language is simply text that’s been formated to be read by computers. For example I can create my own Markup Language right now called Chris Ross’s Markup Language (CRML) that looks like this:
[-open-]Hello World![-close-]
Now I have my own Markup Language but since nobody uses it, it’s pretty much useless. On the other hand, everybody with a web browser uses the HyperText Markup Language (HTML) so let’s look at it. HTML has a handful of common codes used to display content effectively, they are:
  • <p>, always followed by </p> which displays text in paragraph format
  • <br>, which never has a </br> but instead is written <br/> in xHTML and represents a line break (where a paragraph is often displayed as two line breaks to separate content)
  • <ol>, which always needs a </ol> for ordered lists (numbered lists) and <ul> with a </ul> for unordered list (bullets), both also require <li></li> tags for each list item in the list to work
  • <b></b> or <strong></strong> tags mark text as important. The <b> tag was replaced with the <strong> tag a few years back since not all languages bold words to make them more important
  • <i></i> makes a word italics but like the <b> tag, was also replaced. These days, you can use <em></em> to place emphases on a word or phrase
  • <h#> tags are special and always need an corresponding </h#> tag where the # symbol can be replaced with the numbers 1 through 6 (<h1>,<h2>,<h3>,<h4>,<h5>,<h6>) which represents the level of a header in your document
  • <img /> will allow you to place images in your document but requires special parameters we’ll talk about another time
  • <a> followed by a </a> tag will hyperlink the text between the tags to another document but also requires special parameters.
  • <table> tags can be used to display tabular data (like charts) on a web page. It needs to end in a </table> tag and can include headers (<th></th>), rows (<tr></tr>) and columns (<td></td>). Why columns are <td> is beyond me, but that’s what they are.
  • <div> tags use a closing tag of </div> to divide content into various areas of a page, much like the <span> tag, the <div> tag has no visual effect on content but is used by programmers and designers to affect content.

Essentially, the ten tag structures above represent the HTML code found in every single web page on the planet. There are other tags, but have either been replaced or are simply bad tags. For example the <u></u> tag will underline content and the <blink></blink> tag is simply wrong … even the creator of the tag, Lou Montulli (it’s odd to think somebody actually invented a tag eh?) appears to wish it would simply die.

When put together, the <html> document label tells a web browser the information is a web page, the <head> indicates content reserved for other computer systems to read, while the <body> shows content to the end user.

In total, the 26 tags here represent the whole of the content required to build your own web site for free. If you’ve found this post at all useful, please feel free to leave me a comment below, thanks for reading.

Charity Donation

We all know that you can donate auto to charity and help the needy but many of you didn’t realize until last fall that you can help build a website for charities simply by adding a link from your own site to mine. Dozens of people helped local charities by helping me build a blog, which I’m sure we can all agree is much easier than donating a car to charity. 

This spring I want to help even more charities including children’s charities to benefit from my seo search engine marketing, organic marketing and website hosting offers but do do that I need to find some sponsors who are willing to help local charities by donating to them. With the global economy in a bit of a melt down, charities for children are going to need more and more help to build a great website and compete with stronger search engine optimization, it’s my hope that there are some great companies out there who would like to support these local groups by sponsoring a website, blog or search engine marketing package. 

In return for sponsoring a charity, I will match any donation by cutting my rates in half and building or managing charity websites for a fraction of what even an in-house design team can offer. I’ve been asked by a few people why I’m so passionate about donating to charities these days and the only answer I can think of is because building great websites to help rich people get richer has become dull. I want to start building websites that matter and helping charities to make the most of the Internet to raise money, build better websites and increase donations the way Obama did during the build up to the last election. In short, I want to help save the world.

If I can locate just a couple of companies or individuals who would like to donate to charity understand the power of search engine optimization and online marketing, it is my hope that I can turn a small donation from individuals into a cutting edge online fund raising tool such as a  blog with great web design and powerful online donation tool capable of helping the local charities grow.

Of course, if you’d prefer to donate something other than cash, you’re always welcome to donate boat to charity and I’ll turn it into a great new website complete with internet search engine optimization, a WordPress powered blog, online marketing and complete content management tool.